1、在文件夹中放入mp3音效文件hello,以及html文件test。

2、在test中添加一个button按钮。

3、接着在底部添加script内容,创建一个url中音乐文件路径,以及一个AudioContext对象con。

4、接着定义一个load_sound方法,用于加载音乐文件。

5、接着在里面添加播放资源代码。
function load_sound(url_data) {
var req = new XMLHttpRequest();
req.open('GET', url_data, true);
req.responseType = 'arraybuffer';
req.onload = function() {
con.decodeAudioData(req.response, function(buffer){
var source = con.createBufferSource();
source.buffer = buffer;
source.connect(con.destination);
source.start(0);
},function (e) {
console.info('错误');
});
}
req.send();
}

6、现在我们在按钮上添加鼠标按下调用load_sound方法播放音效。

7、现在我们在火狐浏览器中打开test文件,点击按钮就可以播放音效了。
