js动态平滑控制audiocontext的音量

how to smoothly control voice volume of audiocontext

js, audio

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1013
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

var context = new AudioContext();
var oscillator = context.createOscillator();
var gain = context.createGain();
alert(gain.gain.value)
oscillator.type = 'sine';
oscillator.frequency = 440
oscillator.connect(gain);
gain.connect(context.destination);

document.getElementById('bplay').addEventListener('click', function() {
    context.resume();
    oscillator.start(0);
    gain.gain.setValueAtTime(0.01, context.currentTime);
    gain.gain.exponentialRampToValueAtTime(1, context.currentTime + 2);
});

document.getElementById('bdown').addEventListener('click', function() {
    gain.gain.cancelScheduledValues(context.currentTime);
    gain.gain.setValueAtTime(gain.gain.value, context.currentTime);
    gain.gain.exponentialRampToValueAtTime(0.01, context.currentTime + 2);
});

document.getElementById('bup').addEventListener('click', function() {
    gain.gain.cancelScheduledValues(context.currentTime);
    gain.gain.setValueAtTime(gain.gain.value, context.currentTime);
    gain.gain.exponentialRampToValueAtTime(1, context.currentTime + 2);
});

编译

CSS

HTML

how to smoothly control voice volume of audiocontext

js, audio

编辑器支持Emmet

快捷键

how to smoothly control voice volume of audiocontext

js, audio

HTML5 Audio+Matter.js 随音乐节奏而动的踩单车杂技表演

使用HTML5 AudioContext接口实现音频控制器

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：