Reproducción de audio html5 en el navegador de Android

Question

Tengo un javascript que reproduce audio en el navegador, usando la etiqueta html5 <audio>. Funciona bien en el navegador del iPhone, pero no en Android. (Prueba usando un deseo htc con Android 2.1.) ¿Alguien sabe por qué?

Mi código:

function playHTML5(sound, soundcv){ 
       // sound = url to m4a audio file 
       // soundcv = div in which the audioplayer should go 

    var audio = document.createElement('audio'); 
    audio.src = sound; 
    audio.controls = "controls"; 
    if (currentSound != null){ 
    soundcv.replaceChild(audio,currentSound); 
    } else { 
    soundcv.appendChild(audio); 
    } 
    currentSound = audio; 
} 

Por cierto, yo también estoy tratando de agrandar el botón de audio que aparece en el iPhone (el predeterminado es bastante pequeña), sin suerte hasta ahora - sería agradecido por cualquier idea!

Answer 1

¿Has comprobado tu audio format?

Answer 2

El último navegador de Android en FroYo aún no es compatible con el elemento de audio HTML5. Esto no es un error, sino una característica que aún no se ha implementado. Puede venir en Gingerbread.

Actualización: El navegador Gingerbread tiene el elemento de audio.

Answer 3

No puedo resolver esto tampoco. PERO, esta página de prueba creada por Apple reproduce audio HTML5 en Android: http://www.apple.com/html5/showcase/audio

¿cómo lo hizo apple?

Answer 4

Aquí está el enlace al error de Google Android, que se archivó por falta de compatibilidad con la etiqueta AUDIO en Android. Por favor, vote al respecto.

http://code.google.com/p/android/issues/detail?id=10546

Por cierto, hay trabajo alrededor, que le permiten jugar de forma nativa en MP3 Android 1.6 .. 2.2, así:

<video src="test.mp3" onclick="this.play();"></video> 

Answer 5

que estaba teniendo problemas en mi encender el fuego, y se encontró una pequeña cosa que parecía arreglarlo.

<audio> 
    <source src="someclip.mp3" type="audio/mpeg" /> 
</audio> 

He estado utilizando erróneamente "audio/mp3". Estoy usando un reproductor sin sus controles nativos (usando HTML5/JS).

Answer 6

Lo tengo trabajando en un proyecto usando trigger.io implementando en un Nexus 7 con Android Jellybean, pero el audio solo se reproduce si uso URL absolutas en este momento. No estoy seguro de cuál es la ruta relativa sin embargo, es el uso de audio desde dentro de mi proyecto, pero es de esperar que esto ayudará a alguien ...

(function() { 

    var currentSound; 
    // I have a div called "page" 
    var soundcv = document.body; 

    // This only works for one sound for simplicity's sake 
    function playSound(sound){ 

     if (currentSound == null){ 
      var audio = document.createElement('audio'); 
      audio.src = sound; 
      soundcv.appendChild(audio); 
      currentSound = audio; 
     } 

     currentSound.play(); 
    } 

    // This isn't a real audio file URL - replace it with one of your own 
    playSound('http://example.com/example.mp3'); 
})(); 

Answer 7

He estado jugando todo el día en esto y finalmente me dieron la mía para trabajar en mi navegador de edad Samsung Droid con el WebPlayer yahoo:

<a href="somefolder/file.mp3"></a> 
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script> 

funciona muy bien pone un pequeño icono de la flecha al lado del texto que puede hacer clic para reproducir archivos en MP3. Gracias Yahoo.

Olvidé mencionar que el audio NO aparece en mi navegador Chrome o Firefox al probarlo localmente. Funciona muy bien en el navegador de mi teléfono.

Answer 8

Sé que esto es un truco, pero funciona en todas partes (hasta donde yo sé)!

Puede usar el elemento de video y convertir sus mp3 en archivos mp4 y ogg (ogg para firefox en android). También podría diseñarlo para que no muestre ningún jugador predeterminado e incomparable.Ver código de abajo:

<video id="audioTest" width="1" height="1" style="top: -100px; left: -100px; position: absolute;" preload > 
    <source src="audio.mp4" type="video/mp4"> 
    <source src="audio.ogv" type="video/ogg"> 
</video> 

A continuación, podría jugar en el código JS usando:

var audioTest = document.getElementById("audioTest"); 
audioTest.addEventListener("ended",onSoundComplete,false); 
audioTest.play();