personalizado - Cómo detectar el soporte de MP3 de audio HTML5

reproductor de musica en html

Question

Sé cómo verificar en Javascript si la reproducción de audio HTML5 está disponible. Pero ¿cómo puedo verificar específicamente si la reproducción de audio MP3 está disponible, ya que IE9 y Chrome lo admiten, mientras que Firefox y Opera no lo hacen?

Answer 1

Modernizr es una biblioteca para la detección de características. Puedes usarlo para hacer el trabajo por ti.

De acuerdo con la documentación :

Si se detecta soporte de audio, Modernizr evalúa qué formatos jugará el navegador actual. Actualmente, Modernizr prueba ogg, mp3, wav y m4a.

Importante: los valores de estas propiedades no son verdaderos booleanos. En cambio, Modernizr coincide con la especificación de HTML5 al devolver una cadena que representa el nivel de confianza del navegador que puede manejar ese códec. Estos valores de retorno son una cadena vacía (respuesta negativa), "tal vez" y "probablemente". La cadena vacía es faly, en otras palabras: Modernizr.audio.ogg == '''' y '''' == falso

Answer 2

Puede consultar el User-Agent y ver qué navegador está utilizando o puede probar el soporte con Javascript.

var a = document.createElement(''audio'');
return !!(a.canPlayType && a.canPlayType(''audio/mpeg;'').replace(/no/, ''''));

Obtuve el código anterior de esta página .

return !! (a.canPlayType) es mejor porque (algunas versiones recientes de) Firefox no es compatible con mp3 y a.canPlayType (''audio / mpeg;'') será falso

Answer 3

var test_audio= document.createElement("audio") //try and create sample audio element
var test_video= document.createElement("video") //try and create sample video element
var mediasupport={audio: (test_audio.play)? true : false, video: (test_video.play)? true : false}
alert("Audio Element support: " + mediasupport.audio + "/n"
+ "Video Element support: " + mediasupport.video
)