我想使用 HTML 5 音频支持播放 mp3。 我曾尝试使用音频标签,但现在我正在使用 javascript。
我的“播放器”将只是一个很小的播放图像,按下时播放音频(不是所有的音频控件都有进度)。
我正在尝试使用 javascript 播放它。
function playmp3(url){
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', url);
audioElement.load();
audioElement.play();
}
这是我的代码,它不起作用。当我单击作为我的“播放”按钮的图像时,它执行正常。
url 是一个字符串,包含文件的 url。
我正在最新版本的 Chrome 和 FF 中进行测试。
最佳答案
正在尝试监听 canplay
尝试播放 mp3 之前的事件。以下是如何执行此操作的示例:
function playmp3(url){
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', url);
audioElement.load();
audioElement.addEventListener("canplay", function() {
audioElement.play();
});
}
canplay
事件在浏览器可以开始播放 mp3 时触发,但不保证它可以播放完 mp3。如果这不符合您的目的,您可以收听一些其他相关事件,例如 loadeddata
和 canplaythrough
.
关于HTML 5 - 播放微型 mp3 "inline",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8703975/