网页版在线录制wav音频的方法与制作流程

本技术涉及网页版音频录制的技术领域，特别涉及一种网页版在线录制wav音频的方法。本技术方法步骤是：1、定义页面需要的标签；2、引入处理wav音频录制的record.js库；3、录音按钮被触发时调用录音功能；4、停止按钮被触发时，停止录音并将录制的音频元素添加到音频容器。本技术解决了用户在录制音频时需要下载录音软件、插件，占用用户电脑的内存，加大用户电脑风险等问题。本技术提供了一种即时、在线、高效的网页版音频录制wav 格式的方法。

技术要求

1.一种网页版在线录制wav音频的方法，其特征在于：所述的方法包含以下几个步骤：

步骤一、定义页面需要的标签;

步骤二、引入处理wav音频录制的record.js库；

步骤三、录音按钮被触发时调用录音功能；

步骤四、停止按钮被触发时，停止录音并将录制的音频元素添加到音频容器。

2.根据权利要求1所述的一种网页版在线录制wav音频的方法，其特征在于：所述的步骤一中，定义页面需要的标签，播放标签(input#start)、暂停标签(input#stop)、展示录制音频容器(div#recordingslist)。

3.根据权利要求1所述的一种网页版在线录制wav音频的方法，其特征在于：所述的步骤二中，引入处理wav音频录制的record.js核心库。

4.根据权利要求1所述的一种网页版在线录制wav音频的方法，其特征在于：所述的步骤三中，录音按钮(input#start)被触发时调用record.js，执行已经定义的录制音频的功能。

5.根据权利要求1所述的一种网页版在线录制wav音频的方法，其特征在于：所述的步骤四中，停止按钮(input#stop)被触发时，停止录音并将录制的音频元素添加到音频容器

(div#recordingslist)，进行保存下载。

技术说明书

一种网页版在线录制wav音频的方法

技术领域

本技术涉及网页版音频录制的技术领域，特别涉及一种网页版在线录制wav音频的方法。背景技术

随着国内经济的快速发展，人们的生活水平越来越高，而随之带动了电子产品的广泛应用与高速发展，电子已普及到人们日常生活中的方方面面，各种音频设备更是电子产品的标配。

但是，目前面临的主要问题有：在以往的录制wav音频时，往往都是通过自行下载的软件、插件进行音频录制，这些无疑会增加电脑的负担和安装软件带来的其他风险，更无法做到即用即走等功能。

技术内容

本技术解决了用户在录制音频时需要下载录音软件、插件，占用用户电脑的内存，加大用户电脑风险等问题；提供了一种即时、在线、高效的网页版音频录制wav格式的方法。本技术解决上述技术问题的技术方案是：

所述的方法包含以下几个步骤：

步骤一、定义页面需要的标签;

步骤二、引入处理wav音频录制的record.js库；

步骤三、录音按钮被触发时调用录音功能；

步骤四、停止按钮被触发时，停止录音并将录制的音频元素添加到音频容器；

本技术的有益效果：解决了用户在录制音频时需要下载录音软件、插件，占用用户电

脑的内存，加大用户电脑风险等问题；提供了一种即时、在线、高效的网页版音频录制wav格式的方法。

附图说明

下面结合附图对本技术进一步说明：

图1为本技术的方法流程图。

具体实施方式

如图1所示，本技术采用如下步骤可以实现一种网页版在线录制wav音频的方法。

步骤一、定义页面需要的标签，如播放标签(input#start)、暂停标签(input#stop)、展示录制音频容器(div#recordingslist);

步骤二、引入record.js，它是我们处理wav音频录制的js库；

步骤三、录音按钮(input#start)被触发时调用record.js，执行我已经定义好的录制音频的功能；

var recorder;

function start() {

HZRecorder.get(function(rec) {

recorder = rec;

recorder.start();

}, {

sampleBits: 16,

sampleRate: 16000

});

}

步骤四、停止按钮(input#stop)被触发时，停止录音并将录制的音频元素添加到音频容器(div#recordingslist)；

function stop() {

recorder.stop();

var blob = recorder.getBlob();

var url = URL.createObjectURL(blob);

var newDiv = document.createElement('div');

var newAudio = document.createElement('audio');

newAudio.controls = true; newAudio.src = url;

newDiv.appendChild(newAudio); recordingslist.appendChild(newDiv); }。