swan.createCameraContext

解释:创建并返回 camera 上下文 cameraContext对象,cameraContext 与页面的 camera 组件绑定,一个页面只能有一个 camera,通过它可以操作对应的组件。使用该 API 需通过获取用户权限设置swan.createCameraContext - 图1申请授权后方可对用户发起授权申请,可在需授权接口列表swan.createCameraContext - 图2中查看相关错误码信息。

方法参数

返回值

CameraContext

示例

在开发者工具中预览效果

扫码体验

swan.createCameraContext - 图3请使用百度APP扫码

图片示例

swan.createCameraContext - 图4

swan.createCameraContext - 图5

swan.createCameraContext - 图6

代码示例

  • 在 swan 文件中
  1. <div class="camera">
  2. <camera device-position="{{device}}" flash="off" binderror="error" style="width: 100%; height: 500rpx;"></camera>
  3. <button type="primary" bind:tap="switchCamera">切换摄像头</button>
  4. <button type="primary" bind:tap="takePhoto">拍照</button>
  5. <button type="primary" bind:tap="startRecord">开始录像</button>
  6. <button type="primary" bind:tap="stopRecord">结束录像</button>
  7. <view class="preview">预览</view>
  8. <image s-if="src" class="img" mode="widthFix" src="{{src}}"></image>
  9. <video s-if="videoSrc" class="video" src="{{videoSrc}}"></video>
  10. </div>
  • 在 js 文件中
Page({
    data: { },
    onLoad() {
        swan.createCameraContext();
    }
});