Audio HTML5 para todos los dispositivos?
hola,
Estoy realizando un proyecto / animación con HTML5 (Adobe Animate Edge).
Resulta que el audio que le pongo, solo se escucha a través de Mac pero ni en iPad, ni android.
He hecho una prueba de poner manualmente el audio a través del archivo html (el código que expongo a continuación es una ejemplo):
<audio src="rutadelaudio.mp3" controls autoplay loop>
</audio>
En este caso funciona, pero para escuchar la música se tiene que clickar en el play del control en el caso de android y ipad. En el caso del Mac se reproduce automáticamente.
También he probado lo siguiente:
<audio src="audio.mp3" autoplay>
</audio>
En este caso, para Mac es perfecto porque se reproduce automáticamente sin la barra de control, pero en cambio, en Android i iPad, no se reproduce la música.
Alguien sabe dónde está el error, o ¿que puedo hacer para que se reproduzca una canción automáticamente al abrir el html5 en cualquier dispositivo?
Muchas gracias!!!
linalarr
Hola. ¿Sigues teniendo la misma duda?
Cualquier tipo de línea de código que creas que no puede ser multiplataforma podrías mirar esta página:
https://caniuse.com/
Te ayuda a visualizar que navegadores pueden soportar eso. Sino, te tocaría realizar un cross-browsing para que pueda ser soportado en todos los repositorios.
eulalia_2
Muchas gracias por vuestras soluciones!
Tema sonido ya está solucionado! El problema ahora es el efecto del rascado hecho con html5 que algun navegador como el google chrome en adroids no lo interpreta. Un poco rollo la verdad
Usuario desconocido
Tienes que poner varios formatos para que funcione en todas las combinaciones de sistema/navegador. Prueba a meterlo como ogg ademas de mp3:
http://www.w3schools.com/html/html5_audio.asp
pedrums
Incluso podrías intentar en document ready hacer un #video.play, y ahorrarte el botón.
Del otro efecto, ni idea ;)
eulalia_2
Hola!!
Muchas gracias por tu aportación. Finalmente le he añadido un botón por lo que dices. Lo necesita para que arranque la música en dispositivos móviles.
Ahora el problema está en que un efecto que le hemos puesto de rascado, no funciona en según que navegadores. Por ejemplo en google chrome de Mac + ipad + iphone funciona. Pero en cambio en chrome de segun que móviles no...
es un poco rollo, sabéis si hay alguna posible solución? o es misión imposible que este efecto hecho con html 5 funcione en cualquier dispositivo y en cualquier navegador?
Os adjunto el link por si le quereis hechar una ojeada.
Gracias
www.criteri.net/HUNE/hu_nadala2015/rascar.html
pedrums
Hasta donde sé, los dispositivos móviles ignoran la propiedad autoplay de las etiquetas <audio> y <video>. En algunos dispositivos me ha funcionado dando un play "manual" con Javascript.