Webrtc Agora WebSDK NG音频可视化器

是否可以使用Agora WebSDK NG创建音频可视化工具？我正在寻找类似于：

或

---

感谢您的建议。

是的，使用Agora的NG WebSDK在技术上是可行的，因为SDK是使用WebRTC构建的

如果您希望将其添加到本地用户界面，请查看文档，特别是您希望在本地创建音频曲目，以便能够将其传递给可视化工具

---

或者，如果您想可视化来自远程流的音频，您可以使用

用户

（）并调用以获取音频曲目。

@Hermes的回答是正确的。如果您正在寻找一些模板代码进行实验，我建议您从其他任何演示开始或查看。无论采用哪种方式，重要的是您需要创建本地或远程音频曲目，然后在拥有该曲目后，您可以创建一个MediaStream对象，并将该曲目添加到其中，如下所示：

const audioStream = new MediaStream(); // Web Audio Api
audioStream.addTrack(remoteAudioTrack._mediaStreamTrack); // remote or local
var mediaSource = audioContext.createMediaStreamSource(audioStream); // don't forget to setup an audio context 
const analyser = audioContext.createAnalyser();
mediaSource.connect(analyser);

这里还有很多事情要做，但这应该可以帮助你开始。如果您不熟悉Web音频API，我建议您从这个开始。还提供了您需要的所有信息和一些演示

祝你好运