微信小程序(3.3.5) 对实时帧数据调速

前言

小程序返回的实时帧数据帧率很高,需要减速处理。

处理思路:打开监听端口,监听到1帧数据,调用回调函数处理,然后关闭监听端口。

把上述过程封装到一个函数里,再用setInterval()函数按一定时间调用1次。

具体细节

代码总体框架

javascript 复制代码
Page({
    // 页面初始数据
    data:{
        
    },
    // 生命周期函数--监听页面加载
    onLoad(){
        // 定时器,设定扫描帧率(这里设置1s调用1次)
        setInterval(this.oneProcessFrame, 1000);
    },
    // 实时帧处理函数
    oneProcessFrame(){
        // 获取camera上下文对象
        const context = wx.createCameraContext();
        // 定义监听帧数据的回调函数
        const CamFramCall = (frame)=>{}
        // 配置实时帧对象
        const listener = context.onCameraFrame(CamFramCall);
        // 开启监听
        listener.start()
    }
})

一旦开启监听帧数据,程序就会循环进行,监听到1帧数据就调用回调函数。

在回调函数内关闭监听,即可实现只处理1帧数据

相关推荐
蜗牛前端2 天前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序
爱勇宝5 天前
我想认真做一件小事:让孩子和家长更好地互动
微信小程序·小程序·云开发
唯火锅不可辜负5 天前
避坑指南:iOS 下 scroll-view 嵌套 fixed 布局的“翻车”现场与修复
微信小程序
didiplus5 天前
运维人的随身神器:我把25个常用工具塞进了微信小程序
微信小程序
一份执念6 天前
uni-app 小程序分包限制处理与主包体积优化实战
前端·微信小程序
一份执念6 天前
ECharts 安装与使用完全指南:从全量引入到小程序分包优化
微信小程序·echarts
skiyee7 天前
🔥UniApp 仅需 5 行代码!实现所有页面中控制应用主题变化
前端·微信小程序
Jinkey9 天前
要用户手机号真的是为了打骚扰电话吗?浅谈微信生态会员账号体系与资产合并
后端·微信·微信小程序
zzzzzz31010 天前
9K Star 炸裂开源!这个 C 语言写的代码知识图谱,把 Linux 内核索引压缩到了 3 分钟
linux·服务器·sql
用户43242810611411 天前
微信小程序从0到1接入微信支付的完整攻略
微信小程序