2010-04-05 28 views
8

Estoy tratando de hacer una aplicación web HTML5 que simplemente reproduce un sonido una y otra vez en mi iPhone. No conozco ningún Obj-C para hacerlo de forma nativa.Bucle de audio HTML5 en el iPhone

Lo que tengo funciona bien, pero el sonido sólo se reproduce una vez:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>noisemaker!</title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     <meta name="viewport" content="maximum-scale=1, minimum-scale=1, width=device-width, user-scalable=no" /> 
     <meta name="apple-mobile-web-app-capable" content="yes" /> 
    </head> 
    <body> 
     <audio src="noise.mp3" autoplay controls loop></audio> 
    </body> 
</html> 

¿Hay una manera de cualquiera de omitir la pantalla de audio de QuickTime y el bucle en la página web, o llegar a la pantalla de audio de QuickTime para bucle ¿El sonido?

Respuesta

11

Encontré que el atributo "bucle" no parece funcionar completamente en la última implementación del elemento de audio HTML5 en el iPhone (iOS 4.0). Me pareció que para ser una solución:

<audio src="noise.mp3" onended="this.play();" controls="controls" autobuffer></audio> 

me encontré con que hay que no put "bucle" en el anterior, o el evento "onended" parece que se pueda iniciar "bucle" (es decir, se ha implementado parcialmente)

Tenga en cuenta que "reproducción automática" está desactivada intencionalmente en el iPhone.

También parece que el atributo "volumen" no está completamente implementado en este momento también.

Tenga en cuenta que con iOS 4 el audio se reproduce sin el reproductor de QT a pantalla completa.

+0

+1 Esto funcionó muy bien. ¡Gracias! – FCTW

0

Puedes hacerlo con una etiqueta incrustada a la antigua, pero no tengo idea si Mobile Safari respetará su atributo de bucle.

+0

Mobile Safari no parece respetar el atributo de bucle. – ZeroUptime

1

Ha intentado utilizar pares clave/valor para los atributos. Sé que DEBERÍAS poder especificar el attr, pero solo para jugar al abogado del diablo. Probar:

<audio src="noise.mp3" autoplay="autoplay" controls="controls" loop="loop"></audio> 
+0

Tengo el mismo problema y usar el par de valores clave de loop = "loop" no funciona para mí. –

1

¿Qué hay de:

<audio src="noise.mp3" autoplay="" controls="" onended="this.play()"></audio> 
1

iPhone OS 3.0 no admite la etiqueta < de audio> por completo - todo lo que hará con él es jugar en su totalidad en el estilo de QuickTime.

-1

Reproducción de medios como video o sonidos no permitidos (hasta el momento). Si desea reproducir video o audio, el iPhone lo abrirá en un reproductor externo (predeterminado). Cuando el reproductor está abierto, usted no tiene ningún control sobre la página web hasta que el usuario apague el reproductor externo o el video/sonido se haya detenido por sí mismo.