主页 / 问题 / 1065430
Accepted
Трипольский Пётр
Asked:2020-01-03 06:41:33 +0000 UTC2020-01-03 06:41:33 +0000 UTC

如何在 JavaScript 中实现简单的单音 (Beep)

  • 772

在 C++ 中，我们可以使用WinAPI 的Beep播放简单的单声道声音。JavaScript 长期以来一直在为桌面和移动浏览器实现动态声音生成功能（AudioContext）。但是，我没有找到单音信号的简单示例。将实施告诉没有受过音乐教育的人......

在此处输入图像描述

javascript

2 个回答

  1. Best Answer

    在深入研究了理论之后，我编写了单声道声音的实现。原来并没有那么难：但是，您需要等待用户单击才能解锁 Chrome 中的 API，这在编写游戏时不是很方便...

    let context = null;

    const beep = (freq = 520, duration = 200, vol = 100) => {
        const oscillator = context.createOscillator();
        const gain = context.createGain();
        oscillator.connect(gain);
        oscillator.frequency.value = freq;
        oscillator.type = "square";
        gain.connect(context.destination);
        gain.gain.value = vol * 0.01;
        oscillator.start(context.currentTime);
        oscillator.stop(context.currentTime + duration * 0.001);
    }
    
    document.querySelector('button').addEventListener('click', () => {
        context = new AudioContext();
        beep();
    });
     <button>Click</button>

    该技术允许您通过将分发套件的大小减少到最小（10 位数而不是单独的音乐文件）来动态生成配乐

    • 2

  2. 此示例播放一系列音符，如图所示，并考虑了每个音符的持续时间：

    var notes = [
	[-7, 0, 3, 7, -1, 0], // высота
	[0.125, 0.25, 0.25, 0.25, 0.125, 1] // длительность
];
context = new AudioContext();
oscillator = context.createOscillator();
oscillator.type = "square";
oscillator.connect(context.destination);
document.body.onclick = function(){
	index = 0;
	nextnote();
	oscillator.start(context.currentTime);
}
function nextnote(){
	oscillator.frequency.value = 440 * Math.pow(1.06, notes[0][index]);
	var mytimeout = notes[1][index] * 2000;
	index ++;
	if(index >= notes[0].length){
		oscillator.stop();
	}else{
		setTimeout(nextnote, mytimeout);
	}
}

    单击页面上的任意位置以启动。

    • 1

相关问题