WebAudioRecorder.js 开源项目教程

WebAudioRecorder.js 开源项目教程

web-audio-recorder-js.wav/.ogg/.mp3 recorder with Web Audio API项目地址:https://gitcode.com/gh_mirrors/we/web-audio-recorder-js

1. 项目的目录结构及介绍

WebAudioRecorder.js 项目的目录结构如下：

web-audio-recorder-js/
├── lib/
│   ├── WebAudioRecorder.js
│   ├── WebAudioRecorderWav.js
│   ├── WebAudioRecorderOgg.js
│   ├── WebAudioRecorderMp3.js
│   ├── WavAudioEncoder.min.js
│   ├── OggVorbisEncoder.min.js
│   ├── Mp3LameEncoder.min.js
│   ├── OggVorbisEncoder.min.js.mem
│   └── Mp3LameEncoder.min.js.mem
├── lib-minified/
│   ├── WebAudioRecorder.min.js
│   ├── WebAudioRecorderWav.min.js
│   ├── WebAudioRecorderOgg.min.js
│   ├── WebAudioRecorderMp3.min.js
│   ├── OggVorbisEncoder.min.js.mem
│   └── Mp3LameEncoder.min.js.mem
├── LICENSE.txt
├── README.md
└── Rakefile

目录介绍

• lib/：包含未压缩的库文件，如主脚本和编码器工作脚本。
• lib-minified/：包含压缩后的库文件，用于生产环境。
• LICENSE.txt：项目的许可证文件。
• README.md：项目的说明文档。
• Rakefile：用于构建项目的 Rake 文件。

2. 项目的启动文件介绍

项目的启动文件是 lib/WebAudioRecorder.js 或其压缩版本 lib-minified/WebAudioRecorder.min.js。这个文件是主脚本，负责初始化和配置音频录制功能。

启动文件介绍

• WebAudioRecorder.js：主脚本，用于初始化音频录制对象并处理录制过程中的事件。
• WebAudioRecorderWav.js、WebAudioRecorderOgg.js、WebAudioRecorderMp3.js：分别是用于 Waveform Audio、Ogg Vorbis 和 MP3 编码的工作脚本。

3. 项目的配置文件介绍

项目没有专门的配置文件，但可以通过设置事件处理函数和初始化参数来配置录制行为。

配置示例

// 加载主脚本
<script src="javascripts/WebAudioRecorder.min.js"></script>

// 初始化录制对象
var recorder = new WebAudioRecorder(source, {
  workerDir: "javascripts/",
  onEncoderLoading: function(recorder, encoding) {
    // 显示 "加载编码器" 提示
  },
  onEncoderLoaded: function(recorder, encoding) {
    // 编码器加载完成
  },
  onComplete: function(recorder, blob) {
    // 使用 Blob 对象
  }
});

通过上述代码，可以设置录制对象的事件处理函数，并指定工作脚本的路径。

web-audio-recorder-js.wav/.ogg/.mp3 recorder with Web Audio API项目地址:https://gitcode.com/gh_mirrors/we/web-audio-recorder-js