无法使用javascript将多种音频格式添加到音频标签

Question

我正在尝试在一个HTML 5音频标签中使用三种文件格式，以便为不同的浏览器播放。

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文件

Answer 1

好吧，你需要创建<source>节点并附加它。截至目前，您正在覆盖同一个节点。

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