js 创建音频声音

摘要:
//创建音频上下文varaudioCtx=newAudioContext();//创建音调控制对象varoscillator=audioCtx.createOscillator();//创建音量控制对象vargainNode=audioCtx.createGain();//音调音量关联oscillator.connect(gainNode);//音量和设备关联gainNode.connect(au
// 创建音频上下文  
var audioCtx = new AudioContext();
// 创建音调控制对象  
var oscillator = audioCtx.createOscillator();
// 创建音量控制对象  
var gainNode = audioCtx.createGain();
// 音调音量关联  
oscillator.connect(gainNode);
// 音量和设备关联  
gainNode.connect(audioCtx.destination);
// 音调类型指定为正弦波  
oscillator.type = 'sine';
// 设置音调频率  
oscillator.frequency.value = 196.00;
// 先把当前音量设为0  
gainNode.gain.setValueAtTime(0, audioCtx.currentTime);
// 0.01秒时间内音量从刚刚的0变成1,线性变化 
gainNode.gain.linearRampToValueAtTime(1, audioCtx.currentTime + 0.01);
// 声音走起 
oscillator.start(audioCtx.currentTime);
// 1秒时间内音量从刚刚的1变成0.001,指数变化 
gainNode.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 1);
// 1秒后停止声音 
oscillator.stop(audioCtx.currentTime + 1);

来源:http://www.zhangxinxu.com/wordpress/2017/06/html5-web-audio-api-js-ux-voice/

免责声明:文章转载自《js 创建音频声音》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【宝塔linux】 导入mysql 大文件失败的问题公钥与私钥下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

docker 日志在常见系统中的查看方法

1、查看docker日志的方法: 1) ubuntu(14.04)   /var/log/upstart/docker.log 2) ubuntu(16.04)   journalctl -u docker.service 3) centos7/rhel7     journalctl -u docker.service 4) coreos        ...

js实现上传图片

<div class="upload-wrap"> <!--<div>添加图片(限4张)</div>--> <ul class="upload am-cf am-gallery" data-am-widget="galler...

关于a标签不能调用js方法的小细节,你注意到了么?

在我们做后台删除的时候,当点击删除标签时,你希望弹出一个友好的提示框!比如这样: 那代码应该怎样写呢?向下面这样? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script> wi...

怎么在vue中引入layui

新项目想用layui框架,学习了把前辈是怎么引入layui的,这里记录下 1.index.html要引入layui.js文件 <script src="/static/layui/layui.js" type="text/javascript" charset="utf-8"></script> 2.main.js文件要配置好lay...

js /jquery停止事件冒泡和阻止浏览器默认事件

js /jquery停止事件冒泡和阻止浏览器默认事件 1>js阻止冒事件 var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件对象,则这是一个非IE浏览器 if (e &&...

JS iframe 跨域

转自:wujiajun1020 方案一、剪贴板 原理:IE本身依附于windows平台的特性为我们提供了一种基于iframe,利用内存来“绕行”的方案,在这里我称之为,本地存储原理。 缺点:不支持非IE浏览器,并且影响到用户对剪贴板的操作,用户体验非常不好,特别是在IE7下,受安全等级影响,会弹出提示框。 子页面在子域:demo.ioldfish.cn下...