抖音开放平台Logo
开发者文档
“/”唤起搜索
控制台
  • JS API 列表
  • 基础
  • TTML
  • 网络
  • 媒体
  • 图片
  • 录音
  • 音频
  • 视频
  • 相机
  • 特效相机
  • Canvas 录制
  • tt.createMediaRecorder
  • MediaRecorder
  • MediaRecorder
  • MediaRecorder.start
  • MediaRecorder.onStart
  • MediaRecorder.stop
  • MediaRecorder.onStop
  • MediaRecorder.pause
  • MediaRecorder.resume
  • MediaRecorder.onError
  • MediaRecorder.requestFrame
  • MediaRecorder.destroy
  • rtc-room 实时通信
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • 生活服务(即将废弃)
  • MediaRecorder.onStop
    收藏
    我的收藏

    基础库 2.52.0 开始支持本方法,低版本需做兼容处理,这是一个同步方法。
    监听录制结束事件。

    语法

    MediaRecorder.onStop(callback)

    参数说明

    callback

    类型
    默认值
    必填
    说明
    最低支持版本
    function
    录制结束后要执行的回调函数
    2.52.0

    回调函数参数说明

    object 类型,属性如下:
    属性名
    类型
    说明
    最低支持版本
    filePath
    string
    视频文件的路径
    2.52.0
    duration
    number
    视频文件的时长(单位为秒)
    2.52.0
    fileSize
    number
    视频文件的大小(单位为 kb)
    2.52.0

    返回值

    扫码体验

    代码示例

    <canvas id="myCanvas" canvas-id="myCanvas" type="2d"> </canvas> <button type="primary" bindtap="stop">结束录制</button>
    Page({ async onReady() { 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 }); this.recorder.onStop((stop_info) => { console.log("stop_info: ", stop_info); }); }); }, stop() { this.recorder.stop(); tt.showToast({ title: "stop", icon: "none", }); }, });

    Bug & Tip