无法使用javascript将多个音频格式添加到音频标记

无法使用javascript将多个音频格式添加到音频标记,javascript,html,audio,Javascript,Html,Audio,我试图在一个HTML5音频标签中包含三种文件格式,用于不同的浏览器 function setAudioSource(source){ var audioTag = document.getElementById("myAudio"); console.log(source); audioTag.src = source + ".wav"; audioTag.type = "audio/wav"; console.lo

我试图在一个HTML5音频标签中包含三种文件格式,用于不同的浏览器

function setAudioSource(source){
        var audioTag = document.getElementById("myAudio");
        console.log(source);
        audioTag.src = source + ".wav";
        audioTag.type = "audio/wav";
        console.log(source + ".wav");
        audioTag.src = source + ".mp3";
        audioTag.type = "audio/mp3";
        console.log( source + ".mp3");
        audioTag.src = source + ".aac";
        audioTag.type = "audio/aac";
        console.log(source + ".aac");
    }

音频标签仅选择.aac文件,而不选择wav或mp3文件。如果.aac音频不存在,它不会播放wav或mp3文件。好的,您需要创建
节点并附加它。现在,您正在覆盖同一个节点

var audioTag = document.getElementById("myAudio");
var wavSrc = document.createElement('source');
wavSrc.src = source + ".wav";
wavSrc.type = "audio/wav";
audioTag.appendChild(wavSrc);

由于这是您设置的最后一个选项,因此您的最终结果总是.aac,请参见: