PJCHENder 未整理筆記

[WebAPIs] Web Audio API

2019-06-25

[WebAPIs] Web Audio API

@(JavaScript)[JavaScript, WebAPIs, WebRTC]

AudioContext —> AudioNode (sourceNode, processNode, destinationNode)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// [30-08之 WebRTC 採集的詳細說明與聲音的加工](https://ithelp.ithome.com.tw/articles/10204431) @ iThome
navigator.mediaDevices
.getUserMedia({ audio: true })
.then(stream => {
// 建立 audioContext
const audioContext = new AudioContext();

// 將 WebRTC 所採集的聲音轉換成 AudioNode。
const sourceNode = audioContext.createMediaStreamSource(stream);

// 產生音量加工師,用來將來源聲音加大
const processNode = audioContext.createGain();
processNode.gain.value = 20;
sourceNode.connect(processNode);

// 將加工完的聲音丟給終端麥克風
const destinationNode = audioContext.destination;
processNode.connect(destinationNode);
})
.catch(err => {
console.log("nonono ~~~ !!");
});

imgur

圖片來源:30-08之 WebRTC 採集的詳細說明與聲音的加工 @ iThome

掃描二維條碼,分享此文章