开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
基础 api
基础
应用级事件
界面
跳转
多媒体
图片
视频
音频
录音
lottie 动画
相机
cameracontext
cameraframelistener
缓存
文件
位置
网络
设备
worker
数据安全
分享
收藏
自定义通用菜单
更新管理
web-view组件控制
升级支付宝最新版本
隐私信息授权
小程序广告
开放能力 api
开发 > api > 基础 api > 多媒体 > 相机 > cameracontext > cameracontext.oncameraframe
评论
收藏
我的文档
设置

cameraframelistener cameracontext.oncameraframe(function callback)

基础库  或更高版本; 若版本较低,建议采取 兼容处理

支小宝客户端 支持

安诊儿客户端 支持

小程序开发者工具: 不支持。请以真机的调试结果为准。

主体: 企业支付宝小程序个人支付宝小程序

相关文档: camera 组件

监听 camera 实时帧数据。

注意: 使用该接口需同时在 camera 组件属性中指定 frame-size。

function callback

参数

object res

查看示例

属性 类型 描述
width number

图像数据矩形的宽度。

height number

图像数据矩形的高度。

data arraybuffer

图像像素点数据,一维数组,每四项表示一个像素点的 rgba。

cameraframelistener

cameraframelistener 监听器。

cameracontext.oncameraframe(function callback)
function callback 参数
.axml
.js
<camera
  id="camera"
  flash="off"
  frame-size="medium"
  device-position="back"
  onready="oncameraready"
  style="width: 100%; height: 300px"
/>
page ({
  oncameraready (e) {
    console.log ('相机初始化完成');
    this.cameracontext = my.createcameracontext ('camera');
    const listener = this.cameracontext.oncameraframe (frame => {
      console.log (frame, frame.data.bytelength);
    });
    // 开始监听帧数据
    listener.start ({
      success: res => {
        console.log (res);
      },
      fail: err => {
        console.log (err);
      },
    });
  },
});
{
  "data": arraybuffer(921600),
  "height": 640,
  "timestamp": 1678703108197,
  "width": 360
}
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录