Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Parámetros básicos para reproductor audio html5

Vamos a ver unos parámetros básicos para obtener valores de un audio cargado en reproductor con html5 y poder modificarlos como por ejemplo controlar el volumen, el progreso, el play y pause etc...

Obtener y modificar volumen, valores de 0.1 al 1:
<audio id="reproductor" src="http://goo.gl/cVv6aX" controls autoplay></audio>

<script>
//Obtener volumen
volumen=reproductor.volume;
//Modificar volumen
reproductor.volume='0.1';

</script>
Obtener duración del audio:
<audio id="reproductor" src="http://goo.gl/cVv6aX" controls autoplay></audio>

<script>
//Obtener duración
setTimeout(function(){
duracion=reproductor.duration;
},1000)

</script>
Obtener y modificar progreso del audio:
<audio id="reproductor" src="http://goo.gl/cVv6aX" controls autoplay></audio>

<script>
//Obtener progreso
progreso=reproductor.currentTime;
//Modificar el progreso
reproductor.currentTime='8';
</script>
Funciones play y pause:
<audio id="reproductor" src="http://goo.gl/cVv6aX" controls></audio>

<script>
//Funciones play y pause
reproductor.play();
reproductor.pause();
</script>
Estos son los parámetros mas básicos, para el próximo post los avanzados ;)
5
Puntos
1686
Visitas
0
Resp
Por alber hace 108 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate