web-audio 播放音频
示例
要使用WebAudioAPI播放音频,我们需要获取音频数据的ArrayBuffer并将其传递给BufferSource进行播放。
要获得播放声音的音频缓冲区,您需要使用如下AudioContext.decodeAudioData方法:
const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
//从服务器获取MP3文件
fetch("sound/track.mp3")
//将数据作为ArrayBuffer返回
.then(response => response.arrayBuffer())
//解码音频数据
.then(buffer => audioCtx.decodeAudioData(buffer))
.then(decodedData => {
//...
});最终承诺解决后,系统会以的形式为您提供音频AudioBuffer。然后可以将其附加到AudioBufferSourceNode-并播放-,如下所示:
const source = context.createBufferSource(); source.buffer = decodedData; // <== source.start(...);
Where具有三个参数,分别偏移何时播放样本,偏移样本中从何处播放以及告诉播放样本多长时间。.start()
可在MDN上找到有关如何操作缓冲区源的更多信息。
热门推荐
1 训练狗狗基础
2 怎么训练狗狗笑
3 怎么训练狗狗卧下
4 上海狗狗训练基地
5 训练狗狗排便
6 狗狗基础训练
8 如何训练狗狗装死
9 狗狗站姿训练
10 狗狗训练用品
11 训练狗狗吧
12 狗狗要怎么训练
13 怎么训练狗狗玩球
14 训练狗狗唤回
15 狗狗训练躺下
16 狗狗训练指令
17 狗狗的训练技巧
18 狗狗不好训练