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

相关推荐
Stanford_11062 小时前
如何利用Python进行数据分析与可视化的具体操作指南
开发语言·c++·python·微信小程序·微信公众平台·twitter·微信开放平台
一个响当当的名号3 小时前
一些主要应用和NAT
运维·服务器·网络
2501_915909063 小时前
HTML5 与 HTTPS,页面能力、必要性、常见问题与实战排查
前端·ios·小程序·https·uni-app·iphone·html5
筵陌5 小时前
深入理解 Reactor 反应堆模式:高性能网络编程的核心
服务器
知识分享小能手5 小时前
微信小程序入门学习教程,从入门到精通,微信小程序核心 API 详解与案例(13)
前端·javascript·学习·react.js·微信小程序·小程序·vue
阿沁QWQ7 小时前
MySQL服务器配置与管理
服务器·数据库·mysql
wanhengidc7 小时前
云手机能够做些什么?
运维·服务器·人工智能·智能手机·云计算
2401_865854887 小时前
腾讯云手机适用于哪些人群
服务器
2501_915106328 小时前
JavaScript编程工具有哪些?老前端的实用工具清单与经验分享
开发语言·前端·javascript·ios·小程序·uni-app·iphone
Terio_my9 小时前
微信小程序开发从零基础到项目发布的全流程实战教程(四)
微信小程序·小程序