Pregunta Reproducción de audio compatible con el navegador hacia atrás y hacia atrás


Necesito reproducir archivos de audio en muchos navegadores web diferentes y diferentes versiones. El sistema anterior produce archivos WAV de 4 bits, que muchos navegadores no pueden manejar. Todos los archivos contienen voces humanas sintetizadas o grabadas. De todos modos voy a necesitar reemplazarlo. Entonces mis preguntas son:

1) ¿Cuál es el mejor formato de archivo para los archivos de audio, en cuanto a compatibilidad, tamaño y calidad?

2) ¿Cuál es la mejor manera de usar HTML5 y permanecer compatible con versiones anteriores?

Necesitamos dar soporte a las versiones 6, 7, 8 y 9 de Internet Explorer; Firefox, Chrome y Safari.

Actualizar: finalmente funcionó para IE 6-9, Firefox y Chrome; No he probado Safari todavía. Aprendí que Safari para Windows requiere Quicktime e IE requiere Windows Media Player.


5
2018-04-29 15:13


origen


Respuestas:


Esto es lo que estoy usando:

<audio autoplay>
    <source src="/static/sound/SOUND.mp3" type="audio/mpeg">
    <source src="/static/sound/SOUND.ogg" type="audio/ogg">
    <source src="/static/sound/SOUND.wav" type="audio/wav">
    <source src="/static/sound/SOUND.aiff" type="audio/x-aiff">
    <object>
        <param name="autostart" value="true">
        <param name="src" value="/static/sound/SOUND.mp3">
        <param name="autoplay" value="true">
        <param name="controller" value="false">
        <embed src="/static/sound/SOUND.mp3" controller="false" autoplay="true" autostart="true" type="audio/mpeg"></embed>
    </object>
</audio>

Proporciono el mismo clip de audio en MP3, OGG, WAV y AIFF, y luego dejo que el navegador seleccione el que quiere reproducir. los audio la etiqueta es para HTML5, el object la etiqueta es para sistemas más antiguos, y embed funciona en algunos sistemas que no admiten la etiqueta de objeto.

Reuní esto a partir de cierta información en algunos sitios web, pero desafortunadamente olvidé la URL.

ACTUALIZAR

Desde entonces he cambiado a usar howler.js para esto Se ocupa automáticamente de todos los problemas relacionados con el sonido en todos los navegadores. Desafortunadamente no es compatible con IE 6-8, pero he dejado de apoyarlos de cualquier forma.


10
2018-04-29 15:23



Con el HTML5 audio etiqueta puede especificar diferentes tipos de audio para intentar cargar porque cada navegador permite diferentes tipos. Hay un buen cuadro de compatibilidad en esta página: http://html5doctor.com/native-audio-in-the-browser/

El siguiente código funcionará con la mayoría de los navegadores. Primero intenta el nuevo HTML5. audio método luego cae hacia atrás en el embed método.

<audio width="100" height="100" autoplay="" controls="" tabindex="0">
<source type="audio/mpeg" src="songs/All-My-Life.mp3"></source>
<source type="audio/ogg" src="songs/All-My-Life.ogg"></source>
<source type="audio/wav" src="songs/All-My-Life.wav"></source>
<embed width="100" height="50" src="songs/All-My-Life.mp3">
</audio>

5
2018-04-29 15:22