Pregunta:
Fecha: 25-09-2016 13:53:55
(En Español)
Les comento, estoy necesitando grabar un audio de voz desde mi sistema web y luego guardarlo en mi servidor. ¿De qué manera recomiendan realizar esto? Lo ideal seria utilizar algún grabador propio desde el navegador, sin abrir el grabador de Windows. ¿Hay algún código HTML o librería PHP que cubra éste requerimiento?
Ya he encontrado como reproducir audio desde mi sitio pero aún no he dado con la solución al grabado. A continuación y a modo de información muestro la solución del reproductor.
Saludos y gracias por anticipado. Votos: 2 - Respuestas: 4 - Vistas: 11 Compartir en: Google Facebook Twitter LinkedIn Link
¿Cómo grabar audio desde mi sistema web?[Resuelta]
Buenas tardes comunidad.Les comento, estoy necesitando grabar un audio de voz desde mi sistema web y luego guardarlo en mi servidor. ¿De qué manera recomiendan realizar esto? Lo ideal seria utilizar algún grabador propio desde el navegador, sin abrir el grabador de Windows. ¿Hay algún código HTML o librería PHP que cubra éste requerimiento?
Ya he encontrado como reproducir audio desde mi sitio pero aún no he dado con la solución al grabado. A continuación y a modo de información muestro la solución del reproductor.
<div align="center">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../../jplayer/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../jplayer/lib/jquery.min.js"></script>
<script type="text/javascript" src="../../jplayer/dist/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function (event) {
$(this).jPlayer("setMedia", {
title: "ImageSoft DCM",
m4a: "../audios/informe.m4a",
//oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
});
},
swfPath: "../../jplayer/dist/jplayer",
supplied: "m4a, oga",
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
remainingDuration: true,
toggleDuration: true
});
});
//]]>
</script>
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
<div class="jp-controls">
<button class="jp-play" role="button" tabindex="0">play</button>
<button class="jp-stop" role="button" tabindex="0">stop</button>
</div>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-volume-controls">
<button class="jp-mute" role="button" tabindex="0">mute</button>
<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
<div class="jp-time-holder">
<div class="jp-current-time" role="timer" aria-label="time"> </div>
<div class="jp-duration" role="timer" aria-label="duration"> </div>
<div class="jp-toggles">
<button class="jp-repeat" role="button" tabindex="0">repeat</button>
</div>
</div>
</div>
<div class="jp-details">
<div class="jp-title" aria-label="title"> </div>
</div>
</div>
</div>
</div>
Saludos y gracias por anticipado. Votos: 2 - Respuestas: 4 - Vistas: 11 Compartir en: Google Facebook Twitter LinkedIn Link
Respuestas:
-
Fecha: 26-09-2016 07:40:09 Hola, como estás? Para reproducir audio, creo que con la etiqueta audio de html5, te alcanza
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
Para grabar audio, busco en las librerías que me he bajado (ahora la tengo en otra pc), te las menciono y las bajas y ves la documentación.
Todas las librerías que he probado son en node.js, así que vas a tener que contratar un hosting que tenga instalado node o pedirle a soporte del hosting que tengas que te instalen node
Saludos
DIEGO Votos: 2 - Link respuesta -
Fecha: 26-09-2016 08:31:34 Qué tal amigo mirá este articulo puede que te sirva Grabacion de audio con reproductor personalizado utilizando jquery y html5 Votos: 1 - Link respuesta
-
Fecha: 26-09-2016 09:36:12 Me meto en la pregunta, voy a analizar estos códigos y ver como andan. Muchas gracias Votos: 1 - Link respuesta
-
Fecha: 26-09-2016 14:04:21 Muchas gracias por su aporte Diego y Alexis!
Al ser nuevo en esto tengo estas dudas básicas.
En breve reviso lo que me han pasado y les comento que tal me fue.
Saludos!
Diego. Votos: 2 - Link respuesta
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
