CameraContext.startRecord

解释:开始录像

方法参数

Object object

object参数说明

参数名类型必填默认值说明
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例

在开发者工具中预览效果

扫码体验

CameraContext.startRecord - 图1请使用百度APP扫码

图片示例

CameraContext.startRecord - 图2

CameraContext.startRecord - 图3

CameraContext.startRecord - 图4

代码示例

  • 在 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="startRecord">开始录像</button>
  4. <button type="primary" bind:tap="stopRecord">结束录像</button>
  5. <video s-if="videoSrc" class="video" src="{{videoSrc}}"></video>
  6. </div>
  • 在 js 文件中
Page({
    data: {
        videoSrc: ''
    },
    startRecord() {
        const cameraContext = swan.createCameraContext();
        cameraContext.startRecord({
            success: res => {
                swan.showToast({
                    title: 'startRecord'
                });
            }
        });
    },
    stopRecord() {
        const cameraContext = swan.createCameraContext();
        cameraContext.stopRecord({
            success: res => {
                swan.showModal({
                    title: '提示',
                    content: res.tempVideoPath
                });
                this.setData({
                    videoSrc: res.tempVideoPath
                });
            }
        });
    }
});