javascript - 无法使用javascript向音频标签添加多种音频格式

Question

This question already has answers here:

How can I add multiple sources to an HTML5 audio tag, programmatically?

(2个答案)


6年前关闭。




我正在尝试在一种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文件

最佳答案

好了，您需要创建<source>节点并将其附加。截至目前，您正在覆盖同一节点。

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

关于javascript - 无法使用javascript向音频标签添加多种音频格式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26298103/

上一篇：php - 如何在Elasticsearch中调整相关性

下一篇：python - 以下哪个是从python查询elasticsearch的最佳方法？

Answer 1

好了，您需要创建<source>节点并将其附加。截至目前，您正在覆盖同一节点。

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