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