• CameraContext
  • 示例
    • 图片示例
    • 代码示例

CameraContext

解释：swan.createCameraContext 的返回值。
Web 态说明：Web 态暂不支持相机功能。调用 CameraContext 相关方法，在 Web 态会做 打开百度 App 对应小程序页面 的降级处理。

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

图片示例

代码示例

• SWAN
• JS

 
 
 

  
  
  
<view class="wrap">
  
  
  
 <view class="card-area">
  
  
  
 <camera
  
  
  
 device-position="{{device}}" 
  
  
  
 flash="off" 
  
  
  
 bindstop="stop"
  
  
  
 binderror="error"
  
  
  
 class="preview"
  
  
  
 style="width: 100%; height: 3rem;">
  
  
  
 </camera>
  
  
  
 <button type="primary" bind:tap="switchCamera">切换摄像头</button>
  
  
  
 <button type="primary" bind:tap="takePhoto">拍照</button>
  
  
  
 <button type="primary" bind:tap="startRecord">开始录像</button>
  
  
  
 <button type="primary" bind:tap="stopRecord">结束录像</button>
  
  
  
 <view class="preview">预览</view>
  
  
  
 <image s-if="imageSrc" class="image" mode="widthFix" src="{{imageSrc}}"></image>
  
  
  
 <video s-if="videoSrc" class="video" src="{{videoSrc}}"></video>
  
  
  
 </view>
  
  
  
</view>