reproductor - El audio HTML5 no se reproduce varias veces en el dispositivo Android 4.0.4. Navegador nativo

reproductor de musica en html

Question

Actualmente estoy trabajando en un proyecto HTML5 .

Hay un problema al reproducir el mismo archivo de audio varias veces en la misma página en el navegador nativo de Android . El problema se nota específicamente en la versión de Android ICS 4.0.4 . En esta versión, el audio se reproducirá una vez , pero cuando se inicie de nuevo, el audio no se reproducirá . Lo mismo está funcionando perfectamente en la versión de Android ICS 4.0.3 y en la nueva versión 4.1.1 .

Dispositivos probados:
Samsung Galaxy Tab (Android 4.0.4) : solo se reproduce por primera vez y luego no se reproduce
HTC One (Android 4.0.4) : solo se reproduce por primera vez y luego no se reproduce
Sony Tab (Android 4.0.3) : perfectamente bien, reproduciendo audio varias veces
HTC Sensation (Android 4.0.3) : perfectamente bien, reproduciendo audio varias veces
Samsung Nexus Phone (Android 4.1.1) : perfectamente bien, reproduciendo audio varias veces

Según algunas investigaciones en Internet, parece ser un problema con la versión 4.0.4 de Android

Por favor, ayúdame a encontrar alguna solución para que funcione en todos los dispositivos.

Por favor use este enlace de audio HTML5 de W3 Schools para probar

Answer 1

Esto funciona para mí:

var movie_audio = document.getElementById(''movie_audio'');  
movie_audio.addEventListener(''ended'', function(){  
   movie_audio.load(); 
});

Answer 2

Si la solución anterior no funciona para usted, pruebe esta.

audio_element.addEventListener(''timeupdate'', function() {
 if (audio_element.currentTime >= ( audio_element.duration - 0.3 ) ) {
  audio_element.currentTime = 0;
  audio_element.pause();
 }
}, false);  

Nota: estamos configurando la barra de búsqueda en la posición de inicio justo antes del final del audio.

Answer 3

Tengo una solución de trabajo ...

El problema estaba en el navegador de Android 4.0.4 cuando el audio se reproduce una vez (finaliza), entonces el tiempo de búsqueda no se restablecerá a la posición inicial, se mantendrá en el final mismo. Así, al configurar currentTime = 0 después de que el audio finalice, se restablecerá a la posición inicial y de esta manera podemos reproducir el mismo audio tantas veces como queramos sin necesidad de actualizar la página.
Probado funcionando perfectamente en todos los dispositivos.

Código HTML:

<audio id="movie_audio">
  <source src="my_audio_location/movie_audio.mp3" type=''audio/mpeg; codecs="mp3"'' />
  <source src="my_audio_location/movie_audio.ogg" type=''audio/ogg; codecs="vorbis"'' />  
</audio>

Código JavaScript:

var movie_audio = document.getElementById(''movie_audio'');  
movie_audio.addEventListener(''ended'', function(){  
  movie_audio.currentTime = 0;  
}