我正在编写一个 Chrome Web 应用程序,在其中我通过 Javascript 动态创建 <audio> 标记。Javascript 正在从对象文字中提取名称。当我通过 Chrome 在本地运行文件时,它工作得很好。一旦我将它们加载到服务器上,它们就会停止工作。动态图像工作正常,所以我很好奇为什么音频没有。什么可能是错的?这是我的javascript代码:
var IG = {
0: { 'sound': 'chair.ogg', 'link': 'images/chair.png', 'name': 'Chair'}
};
var audio1 = '<audio controls><source src="audio"';
var audio2 = '" type="audio/ogg">Your browser does not support the audio element. Please upgrade your browser.</audio>';
document.getElementById('quiz').innerHTML += audio1 + IG[order].sound + audio2;
更新:如果我直接播放声音文件,它工作正常。例如:www.site.com/audio/chair.ogg。我也尝试过使用具有相同结果的 mp3 文件。