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做一个视频模糊转场效果
  • 热门搜索
    赴汤蹈火是什么意思 运动型饮料 神态自若的意思是什么 uniform是什么意思 什么是空气能热水器 维生素c作用 农历十月初一是什么节日 马云近几天出什么事了 朝九晚五是什么意思 品牌运动鞋折扣店