网页版在线录制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);
<input type="button" id=”start” onclick="start()" value="录音" />
<input type="button" id=”stop” onclick="stop()" value="停止" /><br />
<div id="recordingslist"></div>
步骤二、引入record.js，它是我们处理wav音频录制的js库；
<script type="text/javascript" src="record.js"></script>
步骤三、录音按钮(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); }。