微信小程序(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帧数据

相关推荐
明月_清风1 小时前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪12 小时前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
茶杯梦轩1 天前
从零起步学习RabbitMQ || 第二章:RabbitMQ 深入理解概念 Producer、Consumer、Exchange、Queue 与企业实战案例
服务器·后端·消息队列
WangHappy3 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端3 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
YuMiao3 天前
gstatic连接问题导致Google Gemini / Studio页面乱码或图标缺失问题
服务器·网络协议
icebreaker4 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker4 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
Sinclair6 天前
简单几步,安卓手机秒变服务器,安装 CMS 程序
android·服务器
大米饭消灭者7 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro