MediaRecorder.start
收藏
我的收藏

基础库 2.52.0 开始支持本方法，低版本需做兼容处理，这是一个同步方法。

开始录制。录制器启动成功后会调用开发者通过MediaRecorder.onStart()设置的回调。

语法

Plain Text复制
MediaRecorder.start()

参数说明

无

返回值

无

扫码体验

代码示例

开发者工具中预览

html复制
<canvas id="myCanvas" canvas-id="myCanvas" type="2d"> </canvas>
<button type="primary" bindtap="start">开始录制</button>

js复制
Page({
  async onReady() {
    this.videoContext = tt.createVideoContext("myVideo");
    tt.createSelectorQuery()
      .select("#myCanvas")
      .node()
      .exec((res) => {
        // 获取 canvas 实例
        const canvas = res[0].node;
        const canvasCtx = canvas.getContext("2d");
        this.recorder = tt.createMediaRecorder(canvas, {
          width: canvas.width, // video width
          height: canvas.height, // video height
          videoBitsPerSecond: 1000, // bit rate in kbps
          gop: 12, // key frame interval
          fps: 60, // frames per second
        });
      });
  },

  start() {
    this.recorder.start();
    tt.showToast({
      title: "start",
      icon: "none",
    });
  },
});