<!-- index.ttml -->
<camera class="camera" frame-size="medium" device-position="back" binderror="onError"></camera>
<button type="primary" size="default" bindtap="startOnFrame">
  开始接收帧数据
</button>
<view class="page-body">
  <view>第 {{counter}} 帧</view>
</view>

// index.js
Page({
  data: {
    counter: 0,
  },
  onLoad: function (options) {
    tt.getSetting({
      success: (res) => {
        let cameraAllowed = res.authSetting["scope.camera"];
        if (!cameraAllowed) {
          tt.showToast({
            title: "请授权相机后重新进入"
          });
        }
      },
      fail: (err) => {
        tt.showModal({
          title: "获取授权失败",
          content: JSON.stringify(err),
        });
      },
    });
  },
  startOnFrame(e) {
    const cameraCtx = tt.createCameraContext();
    const listener = cameraCtx.onCameraFrame((frame) => {
      this.setData({
        counter: this.data.counter + 1,
      });
    });
    listener.start({
      success: (res) => {
        tt.showToast({ title: "开始接收帧数据" });
      },
      fail: (err) => {
        tt.showModal({
          title: "接收失败",
          content: JSON.stringify(err),
        });
      },
    });
  },
  onError(err) {
    tt.showModal({
      title: "相机出错了",
      content: JSON.stringify(err),
    });
  },
});