主要是用setTimeout函数控制结束，还要考虑this指代的作用域

wxml文件

<!--index.wxml-->
<view class='camera'><image src="/images/border.png" mode="widthFix"></image><camera wx:if="{{isAuth}}" device-position="front" flash="off" binderror="error"></camera>
</view><button class="takePhoto" type="primary" bindtap="startShootVideo">录像</button>

wxss文件

/**index.wxss**/
.camera {width: 430rpx;height: 430rpx;border-radius: 50%;margin: 20px auto 0;position: relative;
}.camera image {position: absolute;width: 100%;height: 100%;z-index: 10;
}.camera camera {width: 430rpx;height: 430rpx;
}button.takePhoto:not([size='mini']) {position: fixed;bottom: 0;left: 0;width: 100vw;height: 90rpx;border-radius: 0;
}

js文件

// index.js
// 获取应用实例
const app = getApp()
Page({data: {isAuth: false,src: ''},onLoad() {const _this = thiswx.getSetting({success: res => {if (res.authSetting['scope.camera']) {// 用户已经授权_this.setData({isAuth: true})} else {// 用户还没有授权，向用户发起授权请求wx.authorize({scope: 'scope.camera',success() { // 用户同意授权_this.setData({isAuth: true})},fail() { // 用户不同意授权_this.openSetting().then(res => {_this.setData({isAuth: true})})}})}},fail: res => {console.log('获取用户授权信息失败')}})},// 打开授权设置界面openSetting() {const _this = thislet promise = new Promise((resolve, reject) => {wx.showModal({title: '授权',content: '请先授权获取摄像头权限',success(res) {if (res.confirm) {wx.openSetting({success(res) {if (res.authSetting['scope.camera']) { // 用户打开了授权开关resolve(true)} else { // 用户没有打开授权开关， 继续打开设置页面_this.openSetting().then(res => {resolve(true)})}},fail(res) {console.log(res)}})} else if (res.cancel) {_this.openSetting().then(res => {resolve(true)})}}})})return promise;},takePhoto() {const ctx = wx.createCameraContext()ctx.takePhoto({quality: 'high',success: (res) => {this.setData({src: res.tempImagePath})console.log(res.tempImagePath)wx.previewImage({current: res.tempImagePath, // 当前显示图片的http链接urls: [res.tempImagePath] // 需要预览的图片http链接列表})}})},startShootVideo() {this.setData({videoSrc: ''})console.log("========= 开始录像 ===========")this.ctx = wx.createCameraContext();let that = thisthis.ctx.startRecord({timeoutCallback: () => {},success: (res) => {setTimeout(()=>{this.ctx.stopRecord({compressed: true, //压缩视频success: (res) => {this.setData({videoSrc: res.tempVideoPath})console.log("========= 结束录像 ===========")console.log(res.tempVideoPath)}});},5000)},fail() {wx.showToast({title: '录像失败',icon: 'none',duration:4000})console.log("========= 调用开始录像失败 ===========")}})},
})

还附带了一个拍照函数，换到网页上就能用。

纳闷怎么没人写微信小程序定时录像的帖子，Debug了好久~

微信小程序 | 自动定时结束录制相关推荐

python玩微信小程序游戏_使用python实现微信小程序自动签到功能
功能描述目标完成多账号微信小程序每天自动签到输出签到成功则向微信群发送签到成功的信息否则提示用户签到失败,需手动签到包管理 requests itchat time threading 程序 ...
使用python实现微信小程序自动签到2.0
微信小程序自动签到功能描述目标输出包管理程序的结构设计步骤1 步骤2 步骤3 步骤4 代码实现使用findler抓包工具查看请求类型再次使用findler抓包,查看请求内容使用多线程 ...
es6 去掉空格_微信小程序自动去除input空格的方法
当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有input的name参数的方法,下面请看源码: wxml: js: verif ...
微信小程序自动对对联
微信小程序自动对对联微信扫描二维码体验吧
提供一个小工具：微信小程序自动转码机器人！供大家24小时免费使用！
弄个微信小程序自动转码机器人就可以完成,今天把我的机器人安排给大家,外面很多都是收费的,2毛钱转一次,这个钱真没必要花,我的机器人供大家24小时免费用,下面简单介绍一下机器人的功能. 目前我的机器人, ...
微信小程序自动检测版本并提示更新新版本
微信小程序自动检测版本并提示更新新版本微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户 ...
微信小程序----实现语音的录制，并将语音转为文字
最近在开发微信小程序,遇到一个需求,实现类似于微信发送语音的效果,但是我这个是发送语音后直接转为文字展示. 先说微信小程序的textarea 0/200. 是限制用户输入的最长长度 0这个位置首先是 ...
微信小程序自动生成打卡海报
1 背景最近在做一款背单词的小程序,用户在学习完成有对外展示的需求.计划小程序可以自动生成打卡海报,用户可以将海报保存,将保存的图片发布至朋友圈.除此之外,为推广小程序,还需要在海报中加入小程序的二 ...
传图取字：微信小程序自动把图片上的文字提取出来
生活工作中有时我们喜欢图片或者纸质文档上的一段文字,这些文字重新输入,又费时费力?? 今天小编给大家分享一款微信小程序[传图取字],高精度自动识别图片.文档及PPT中的文字,一键提取并能复制和分享,从 ...

微信小程序 | 自动定时结束录制

wxml文件

wxss文件

js文件

微信小程序 | 自动定时结束录制相关推荐

最新文章

热门文章