html5 录制网页电影和声音 网页录制音频_html在线录音并上传

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

背景技术:

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

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

技术实现要素:

本发明解决了用户在录制音频时需要下载录音软件、插件,占用用户电脑的内存,加大用户电脑风险等问题;提供了一种即时、在线、高效的网页版音频录制wav格式的方法。

本发明解决上述技术问题的技术方案是:

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

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

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

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

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

本发明的有益效果:解决了用户在录制音频时需要下载录音软件、插件,占用用户电脑的内存,加大用户电脑风险等问题;提供了一种即时、在线、高效的网页版音频录制wav格式的方法。

附图说明

下面结合附图对本发明进一步说明:

图1为本发明的方法流程图。

具体实施方式

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

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