微信小程序的两种视频录制方式

曾有小伙伴询问小编能不能在小程序内实现视频录制，今天小编就来给大家分享小程序视频录制两种方式~

方法一

wx.chooseVideo，这个api微信会在下方弹出选择视频和拍摄的两种选项，因为这次主要是讲拍摄视频，当我们点击拍摄的时候，微信会自动拉去到摄像头的进行摄像，录像完后，系统会通过wx.chooseVideo临时缓存MP4文件。

好处：由于是微信方面生成的摄像，因此兼容性会相对稳定。

坏处：也是因为由于微信方面生成的界面，因此无法对其的界面进行元素的覆盖，以及样式上方面的改动。

方法二

通过原生camera组件进行生成，再通过调用CameraContext.startRecord进行录制再由CameraContext.stopRecord进行录像的停止，CameraContext.stopRecord会有对应的临时缓存的MP4文件。

好处：原生组件我们可以通过cover-view或者cover-image进行在camera组件写对应样式，比如锁定人像之类的操作的样式，因此在里面会各样的样式。

坏处：兼容性相对的比较差，stopRecord一旦的报错之后，就无法停止第二次，导致也无法再次定义camera组件开始重新录制。

例如场景，倒计时3s调用stopRecord，和用户通过点击事件触发stopRecord，因为有时候手机处理相对较慢，因为触发了两次的stopRecord，但是由于错误的返回比第一次正确的返回快，stopRecord就会一直包is stopping，一直卡住。而且社区上还是有比较多人报类似的无法停止录像的错误，因此，在无需进行对camera组件上添加东西的话，就尽量选择方法一。

睿江云官网链接：www.eflycloud.com

微信小程序的两种视频录制方式相关推荐

css卷轴动画小程序,微信小程序动画两种实现方式
开发小程序,实现动画功能,有两种实现方式,下面来看看具体怎么做: JS动画利用小程序API提供的wx.createAnimation(OBJECT)实现,API中是这样说:创建一个动画实例anima ...
微信小程序文件下载两种方式
1. 基本url方式下载(自定义下载文件名称) downloadDailyYear: function() {util.get(api.downloadDailyYear).then(function ...
微信小程序的五种跳转方式
//只能跳转到tabBar配置页面 wx.switchTab({url: '/pages/index/index', });//返回上一级页面(delta:返回的页面数,如果 delta 大于现有页面 ...
微信小程序导航：免费视频+精品教程+DEMO集合（长期更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
ETH：Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约
ETH:Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约目录 1.Geth安装.配置文件.与ETH节点交互 1.1.下载并安装好geth客户端 1.2. ...
mpvue小程序实现人脸识别/视频录制/身份验证/CryptoJS加密等功能
mpvue小程序实现人脸识别/视频录制/身份验证/CryptoJS加密等功能先看效果图 mpvue小程序与数据宝对接实现人脸识别/视频录制/身份验证/CryptoJS 加密等功能关键代码 ind ...
征服微信小程序视频教程-李宁-专题视频课程
征服微信小程序视频教程-24165人已学习课程介绍征服微信小程序视频教程微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一 ...
微信小程序实现两个数之间的运算
微信小程序实现两个数之间的运算要求:创建一个微信小程序实现两个数字的比较运算.加法运算.减法运算.乘法运算或者除法运算中的一种,效果如图(这里我写的包含了所有运算,可根据需要自行选择): app.j ...
微信小程序快速开发：视频指导版
<微信小程序快速开发:视频指导版>是2017年5月由人民邮电出版社出版的图书,作者是易伟.本书根据微信小程序的内容,全面系统地介绍了微信小程序的搭建和开发.本书主要内容有小程序注册.编程基 ...
微信小程序的一种全局数据共享Mobx
学习的B站黑马程序员课程 https://www.bilibili.com/video/BV1834y1676P?p=81&spm_id_from=pageDriver 微信小程序的一种全 ...

微信小程序的两种视频录制方式

方法一

方法二

微信小程序的两种视频录制方式相关推荐

最新文章

热门文章