4

我想动态创建一个html5音频并播放它，代码如下：

 function playAnotherMusic(playUrl){
                var audioElement = document.createElement('audio'); 
                audioElement.setAttribute('src', playUrl); 
                audioElement.setAttribute('controls', true); 
                audioElement.setAttribute('preload', true); 
                audioElement.setAttribute('type', 'audio/mpeg'); 


                audioElement.addEventListener("load", function() { 
                audioElement.play(); 
                }, true);

                console.log(playUrl);
                audioElement.load();

  }

然而它不起作用，萤火虫帮我“ HTTP "Content-Type" of "audio/mpeg" is not supported.”

我怎么解决这个问题？

4

2 回答 2

3

你不能在firefox中播放mp3文件，它不支持它们，你需要一个用于firefox的ogg版本。除非这种情况发生变化，否则请牢记。

为什么 Firefox 不支持 <audio> 中的 MP3 文件格式

于 2012-09-06T13:35:52.883 回答
2

您需要将音频元素附加到现有元素。这就像

document.getElementById("my_audio_div").appendChild(audioElement);

理想情况下，这应该在添加事件侦听器之前完成，但在设置所有属性之后

也可以尝试audio/mp3：audioElement.setAttribute('type', 'audio/mp3');

于 2012-05-02T02:52:05.067 回答