抖音开放平台Logo
控制台

CameraFrameListener.stop
收藏
我的收藏

基础库 1.78.0 开始支持本方法，这是一个异步方法。

停止监听帧数据。

前提条件无
业务背景无
使用限制无
注意事项
Tip：开发者工具暂不支持此能力，请用真机扫码调试。
支持沙盒
否
相关教程无

语法

CameraFrameListener.stop(options)

参数说明

options 为 object 类型，属性如下：

属性名类型默认值必填说明最低支持版本
successfunction否
接口调用成功的回调函数
1.78.0
failfunction否
接口调用失败的回调函数
1.78.0
completefunction否
接口调用结束的回调函数（调用成功、失败都会执行）
1.78.0

回调成功

object 类型，属性如下：

属性名类型说明最低支持版本
errMsgstring
"CameraFrameListener.stop:ok"
1.78.0

回调失败

object 类型，属性如下：

属性名类型说明最低支持版本
errMsgstring
"CameraFrameListener.stop:fail" + 详细错误信息
1.78.0

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<!-- index.ttml -->
<camera class="camera" frame-size="medium" device-position="back" binderror="onError"></camera>
<view class="page-body">
  <button type="primary" bindtap="auth">相机授权</button>
  <button type="primary" bindtap="startOnFrame">开始接收帧数据</button>
  <button type="primary" bindtap="stopOnFrame">停止接收帧数据</button>
  <view>第 {{counter}} 帧</view>
  <view hidden="{{counter === 0}}">frameWidth{{frameWidth}}; frameHeight:{{frameHeight}}</view>
</view>
// index.js
let listener;
Page({
  data: {
    counter: 0,
    frameWidth: 0,
    frameHeight: 0,
  },
  onLoad: function (options) {
    this.openCamera();
  },
  openCamera() {
    tt.getSetting({
      success: (res) => {
        let cameraAllowed = res.authSetting["scope.camera"];
        if (cameraAllowed) {
          this.ctx = tt.createCameraContext();
        } else {
          tt.showToast({
            title: "请授权相机后重新进入"
          });
        }
      },
      fail: (err) => {
        tt.showModal({
          title: "获取授权失败",
          content: JSON.stringify(err),
        });
      },
    });
  }, startOnFrame(e) {
    listener = this.ctx.onCameraFrame((frame) => {
      let { width, height, data } = frame;
      this.setData({
        counter: this.data.counter + 1,
        frameWidth: width,
        frameHeight: height,
      });
    });

    listener.start({
      success: (res) => {
        tt.showToast({ title: "开始接收帧数据" });
      },
      fail: (err) => {
        tt.showModal({
          title: "接收失败",
          content: JSON.stringify(err),
        });
      },
    });
  },
  stopOnFrame() {
    listener.stop({
      success: (res) => {
        tt.showToast({ title: "停止接收帧数据" });
      },
      fail: (err) => {
        tt.showModal({
          title: "停止接收出错",
          content: JSON.stringify(err),
        });
      },
    });
  },
  onError(err) {
    tt.showModal({
      title: "相机出错了",
      content: JSON.stringify(err),
    });
  },
});