js怎么给按钮添加音效

 时间:2026-02-15 12:37:26

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

js怎么给按钮添加音效

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

js怎么给按钮添加音效

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

js怎么给按钮添加音效

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

js怎么给按钮添加音效

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();

}

js怎么给按钮添加音效

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

js怎么给按钮添加音效

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

js怎么给按钮添加音效

  • PR如何设置暂停分辨率
  • Adobe Premiere Pro CC 2018如何打开字幕面板
  • 如何在premiere2018中创建带边框的字幕
  • PR如何删除编辑区面板
  • 用PR做一个视频模糊转场效果
  • 热门搜索
    产后痔疮怎么办 得了阴道炎怎么办 鱼尾辫怎么编 下巴长疙瘩怎么回事 双下巴怎么办 三菱怎么样 男人早泄怎么办 湖南科技大学怎么样 睡眠质量不好怎么办 怎样改善 鱼刺卡在喉咙里怎么办