Problema con etiqueta audio en Android

Custus2 · #1 (**permalink**) 04/03/2016, 11:40

Tengo el siguiente problema, estoy queriendo hacer un reproductor de audio para escuchar desde distintos dispositivos, en la PC no tengo ningun problema funciona correctamente, ahora cuando quiero que funcione en mi celular android no funciona, no se reproduce, si uso un archivo local mp3 funciona correctamente pero con el link externo del streaming no funciona en android (Chrome) alguien tuvo este problema? sabe de que se trata? agrego el codigo utilizado, probe en IOs y no inicia automaticamente pero si funciona, que podria estar pasando?

Saludos y gracias!

Código HTML:

<html>
  <head>

  </head>

  <body>
 
	
	<audio autoplay preload="auto" controls </audio>
	<source src="http://radio3.oceanofm.com:8010/;" type="audio/ogg">
  <source src="http://radio3.oceanofm.com:8010/;" type="audio/mpeg">
  <source src="http://radio3.oceanofm.com:8010/;" type="audio/wav">
  <source src="http://radio3.oceanofm.com:8010/;" type="audio/mp3">
	I'm sorry; your browser doesn't support HTML5.
	</audio>
	
	

  </body>

eContento · #2 (**permalink**) 16/03/2016, 01:47

¿Y los puntos y comas son correctos en las URLs de los sources?

A cierto nivel, es normal que en un dispositivo móvil, requiera una interacción del usuario, ya que sino, podrías estar consumiendo datos, sin su permiso.

En el post sobre Manejando Audio y Vídeo con HTML5 y JavaScript viene cómo.

Hay dos estrategias a seguir, y es usar el evento touchstart para que la primera vez que toca la pantalla se ejecute el play()

Código:

var myAudio = document.querySelector('audio');
window.addEventListener('touchstart', function audioStart() {
  myAudio.play();
  this.removeEventListener('touchstart', audioStart);
});

Esto se ejecutará dentro del evento touchstart, pero sólo una vez. Si luego quieres volver a controlar el audio, en algunos casos no podrás.

Por eso hay otra estrategia que utiliza el propio evento "canplay" del audio para lanzar el play()

Código:

var myAudio = document.querySelector('audio');
myAudio.addEventListener('canplay', function() {
  myAudio.play();
});

myAudio.load();
myAudio.play();
});

Ya nos contarás si te ha funcionado.

Un saludo

Custus2 · #3 (**permalink**) 21/03/2016, 17:21

Si lo he tenido en cuenta, me pasa que si pongo un archivo MP3 comun de mi servidor desde el celular le tengo que dar play, pero funciona, la cosa es cuando uso streaming me sucede que no carga directamente pero solo en el movil!