js怎么给按钮添加音效

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文件，点击按钮就可以播放音效了。