创建一个html5音频并播放它不起作用

Question

我想在动态中创建一个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.”

我该如何解决这个问题？

Answer 1

你不能在firefox中播放mp3文件，它不支持它们，你需要一个firefox的ogg版本。除非改变，否则请记住。

Why doesn't Firefox support the MP3 file format in <audio>

Answer 2

您需要将audio元素附加到现有元素。 这就像是

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

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

另请尝试audio/mp3：     audioElement.setAttribute（'type'，'audio / mp3'）;