• JS API 列表
  • 基础
  • TTML
  • 网络
  • 媒体
  • 图片
  • 录音
  • 音频
  • 视频
  • 相机
  • tt.createCameraContext
  • CameraContext
  • CameraFrameListener
  • 特效相机
  • Canvas 录制
  • rtc-room 实时通信
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • tt.createCameraContext
    收藏
    我的收藏

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

    创建并返回 camera 上下文 CameraContext 对象,cameraContext 与页面的 camera 组件绑定,一个页面只能有一个 camera ,通过它可以操作对应的组件。

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

    语法

    tt.createCameraContext()

    参数说明

    返回值

    类型说明最低支持版本
    object1.78.0

    扫码体验

    请使用字节宿主APP扫码

    代码示例

    开发者工具中预览

    <!-- index.ttml --> <camera class="camera" device-position="back" flash="off" binderror="onError"></camera> <button type="primary" bindtap="createContext">授权并创建cameraContext</button> <button type="primary" bindtap="setZoom">设置缩放级别</button>
    // index.js Page({ onError(e) { tt.showModal({ title: "相机出错", content: JSON.stringify(e), showCancel: false, }); }, createContext() { 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), }); }, }); }, setZoom() { this.ctx.setZoom({ zoom: 8, success(res) { tt.showToast({ title: `设置 zoom 为: ${res.zoom}`, }); }, fail(err) { tt.showModal({ content: `设置缩放失败: ${JSON.stringify(err)}`, }); }, }); }, });