opus 编码和解码完整demo代码,opus和wav互转(js源码)

最近研究webRTC中的opus音频的解码。找了很多例子都不了。不是代码太老,就是运行环境有问题。因此,自己结合大神的示例,整理了编码和解码的完整demo源码。

opus解码demo可将opus文件保存为wav文件,opus编码demo,可将wav等文件编码为opus,同时保存文件。 生成的opus文件,建议使用vlc播放器播放。

1、opus的官网(编解码的底层库都是官网的)

opus官网地址

2、opus解码demo的使用

在下载的源码中,找到opusDecoder目录下index.html文件,直接用谷歌浏览器打开。如下图:

opus 编码和解码完整demo代码,opus和wav互转(js源码)_第1张图片

 在打开的解码页面中,勾选下载的复选框,这样,解码完成后,会自动下载wav文件,如下图:opus 编码和解码完整demo代码,opus和wav互转(js源码)_第2张图片

 选择解码文件(在files文件中有ogg文件),然后点击Decode按钮开始解码,点击下方的play可以播放音频,如下图:

opus 编码和解码完整demo代码,opus和wav互转(js源码)_第3张图片

3、opus编码demo的使用 

编码demo需要运行在apache服务下,否则会存在错误。我在mac上测试, 自带apache.

mac如何开启apache服务?参考以下文章

如何在mac上配置Apache服务器_danielcaisz的博客-CSDN博客_mac配置apache


配置好服务好,使用谷歌浏览器打开opusEncoder目录下的index.html文件。如下图:

opus 编码和解码完整demo代码,opus和wav互转(js源码)_第4张图片

选择文件,会自动开始编码,耐心等待,编码完成,会生成opus文件,如下图:

opus 编码和解码完整demo代码,opus和wav互转(js源码)_第5张图片

4、完整demo源码下载地址

https://download.csdn.net/download/wangkunggxx/86405095

参考文章:

Opus Codec
https://blog.rillke.com/opusenc.js/
https://eshaz.github.io/wasm-audio-decoders/

你可能感兴趣的:(web前端,javascript,webrtc,实时音视频,wasm,音视频)