Utilizzando audio html con IE: MEDIA12899: AUDIO/VIDEO: Unknown tipo MIME

Question

Html è la seguente:

<audio id="audioCap" preload="auto" type="audio/wav"></audio> 

Js:

$('#audioCap')[0].play(); 

e l'impostazione "src" come segue:

$('#audioCap').attr('src', 'http://blabla/captcha/captcha.wav?' + response); 

Dove response è un ID.

Questo funziona bene con tutti i browser eccetto versioni di IE (9-11) che dovrebbero funzionare. Mi sto prendendo MEDIA12899: AUDIO/VIDEO: Unknown MIME type. Ho fatto alcune ricerche e ho scoperto che dovrebbe essere un problema di configurazione del server. Ho catturato i dati di rete con gli strumenti di debug e controllato le intestazioni di risposta. Content-Type è mostrato come audio/wav che è vero. Non so cos'altro potrebbe causare questo errore.

Answer 1

Sfortunatamente, è perché Internet Explorer non supporta wav -Files.

Per ottenere la compatibilità con più browser, è necessario fornire lo stesso file audio in diversi formati.

Date un'occhiata al tavolo su questo sito:

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

Al fine di supportare IE, è necessario aggiungere un -format mp3 o mp4.

Per fornire il formato corretto per il browser corrente, è possibile utilizzare qualcosa di simile:

var source= document.createElement('source'); 
if (audio.canPlayType('audio/mpeg;')) { 
    source.type= 'audio/mpeg'; 
    source.src= 'audio/song.mp3'; 
} else { 
    source.type= 'audio/wav'; 
    source.src= 'audio/song.wav'; 
} 
audio.appendChild(source); 

(Fonte: How can I add multiple sources to an HTML5 audio tag, programmatically?)

Edit: Vale la pena notare, che si hanno gli stessi problemi con audio, video e caratteri.