RecordRTC:利用WebRTC在Web端录制视频

利用RecordRTC打开手机或者电脑摄像头,进行录像,完成后对视频文件进行压缩。兼容Firefox 17+Chrome 21+Edge 12+Chrome for Android等。以下代码使用Vue框架,如果不适用可借鉴 qq_34527715的博客

这个只在安卓机适用。如果你是在微信浏览器做录制视频的功能,建议不要使用这种方法。因为录制的视频并没有保存下来,最终传给服务器的文件只剩下390字节的头,视频内容不存在。需要修改底层的RecordRTC.js,我也没有尝试,希望有其他人尝试过,可以留言交流。

一、首先在index.html引入getHTMLMediaElement文件


二、下载依赖包

npm i recordrtc
npm i timers

三、在Vue框架可直接使用如下代码块





你可能感兴趣的:(RecordRTC:利用WebRTC在Web端录制视频)