许多示例演示了嵌套在音频标签中的多个源标签,作为克服不同浏览器之间编解码器兼容性的方法。像这样的东西 -
<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
使用 JavaScript 时,我还可以创建这样的音频元素 -
var new_audio = document.createElement("audio");
我可以在哪里设置它的来源.src
财产 -new_audio.src="....";
我未能找到如何通过 JavaScript 在音频元素中添加多个源,类似于 HTML 片段中显示的源标签。
我是否操纵new_audio
并添加<source...
它里面的标签,就像操作任何其他 DOM 元素一样?我现在正在这样做并且它有效,那就是 -
new_audio.innerHTML = "<source src='audio/song.ogg' type='audio/ogg' />";
new_audio.play();
我想知道有没有更合适的方法呢?
当您可以检测到支持的类型时,为什么要使用 JavaScript 添加多个文件呢?我建议改为检测最佳类型,然后设置src
.
var source= document.createElement('source');
if (audio.canPlayType('audio/mpeg;')) {
source.type= 'audio/mpeg';
source.src= 'audio/song.mp3';
} else {
source.type= 'audio/ogg';
source.src= 'audio/song.ogg';
}
audio.appendChild(source);
添加与文件类型一样多的检查。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)