先看效果
大家可以重重地点击这里：电脑鼠标hover按键胡编乱造播放声音demo
打开上边链接，会看见一个按键，这时点击图标，然后持续 hover 通过，便会有美好动听的声效出现。
而且这个声是硬件配置一键生成的，并不是启用现成mp3音频播放出的。
换种说法便是：不需要任何影音文件，只需两行JS编码，大家就可以让网页页面传出各种各样声调。
如何做到？
采用的是Web Audio API达到的，重要编码其实不多，就这么点：
1. window.AudioContext = window.AudioContext || window.webkitAudioContext;
2. var audioCtx = new AudioContext();
3. var oscillator = audioCtx.createOscillator();
4. var gainNode = audioCtx.createGain();
5. oscillator.connect(gainNode);
6. gainNode.connect(audioCtx.destination);
7. oscillator.type = 'sine';
8. oscillator.frequency.value = 196.00;
9. gainNode.gain.setValueAtTime(0, audioCtx.currentTime);
10. gainNode.gain.linearRampToValueAtTime(1, audioCtx.currentTime 0.01);
11. oscillator.start(audioCtx.currentTime);
12. gainNode.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime 1);
13. oscillator.stop(audioCtx.currentTime 1);
假如不明白，没事儿，浏览 这儿 ，有着非常详细的解释。
好，期待文中的内容可以帮到你课程的学习。