vuejs如何录音并生成wav

JavaScript013

vuejs如何录音并生成wav,第1张

vue.js

js音频录制#循环音频录制#vue录制音频#wav格式音频录制

最近的项目需要用到前端录制音频,然后转为base64编码或wav文件发送给后端,下面讲一下实现过程,首先调用navigate.getUserMedia获取麦克风,不过这个方法浏览器会弹警告已经被弃用,可以转为使用navigate.mediaDevices,不过警告归警告,还是能用的,获得麦克风以后再new一个recorder,写好采样率和采样通道,这个recorder有很多

您可以将屏幕操作过程录制成视频,分享给亲朋好友。

以华为P50 Pro手机为例:

一、使用组合键录屏

同时按住电源键和音量上键启动录屏,再次按住结束录屏。

二、使用快捷开关录屏

1.从屏幕顶部右侧下滑出控制中心,点击展开快捷栏按钮展开快捷开关栏,点击屏幕录制,启动录屏。

2.点击屏幕上方的红色计时按钮,结束录屏。

3.进入图库查看录屏结果。

三、使用双指关节录屏

1.使用指关节前,请进入 设置 >辅助功能 >快捷启动及手势 >录屏 ,确保录屏开关已开启。

2.双指指关节稍微用力并连续快速地双击屏幕启动录屏,再次双击结束录屏。

四、边录屏,边解说

录屏时,您还可以开启麦克风,边录屏,边解说。

启动录屏后,点击麦克风图标让其处于开启状态,就可以同步记录声音。

温馨提醒:麦克风处于关闭状态时,仅可以收录系统音(如:音乐)。如您不想收录任何系统音,请在录屏前将手机调成静音并关闭音乐等媒体音。

这里以小米8手机为例,手机录屏并且录制声音步骤如下:

1、打开MIUI系统桌面上的“系统工具”文件夹,找到并点击“屏幕录制”APP图标。

2、进入屏幕录制APP之后,点击页面左上角的“设置”按钮,进入屏幕录制应用设置页面。

3、在打开的设置应用页面中,找到“声音来源”设置项,点击进入设置选项。

4、接下来,在页面底部弹出的菜单中,选择“系统内录”选项。

5、设置完成之后,返回APP主页面,点击页面右下角的“录屏”功能按钮。

6、接下来,在桌面上就可以看到录屏工具按钮,点击该按钮即可开始录屏,同时也会录制系统内部发出的声音。

7、在录屏的过程中,可以看到当前录制的时间,如果完成录制之后,直接点击录屏小工具图标,即可结束当前的录制操作并自动保存。

8、最后即可在APP主页面中看到录制完成的视频,点击即可播放视频动画以及系统内部的声音。

屏幕录制可以直接在下拉菜单中找到,大部分安卓手机都可以在下拉菜单中找到屏幕录制功能,没找到的话,可以自己在下拉菜单中进行添加。打开手机,在下拉菜单中找到屏幕录制,开启录制环境音选项,然后开始录制。