title: MediaRecorder

sidebar_label: MediaRecorder

方法

destroy

销毁录制器

支持情况:MediaRecorder - 图1 MediaRecorder - 图2 MediaRecorder - 图3

参考文档

  1. () => Promise<void>

off

取消监听录制事件

支持情况:MediaRecorder - 图4 MediaRecorder - 图5 MediaRecorder - 图6

参考文档

  1. (eventName: keyof EventName, callback: Callback) => Promise<void>
参数 类型 说明
eventName keyof EventName 事件名
callback Callback 事件触发时执行的回调函数

on

注册监听录制事件的回调函数

支持情况:MediaRecorder - 图7 MediaRecorder - 图8 MediaRecorder - 图9

参考文档

  1. (eventName: keyof EventName, callback: Callback) => Promise<void>
参数 类型 说明
eventName keyof EventName 事件名
callback Callback 事件触发时执行的回调函数

pause

暂停录制

支持情况:MediaRecorder - 图10 MediaRecorder - 图11 MediaRecorder - 图12

参考文档

  1. () => Promise<void>

requestFrame

请求下一帧录制,在 callback 里完成一帧渲染后开始录制当前帧

支持情况:MediaRecorder - 图13 MediaRecorder - 图14 MediaRecorder - 图15

参考文档

  1. (callback: Callback) => Promise<void>
参数 类型
callback Callback

resume

恢复录制

支持情况:MediaRecorder - 图16 MediaRecorder - 图17 MediaRecorder - 图18

参考文档

  1. () => Promise<void>

start

开始录制

支持情况:MediaRecorder - 图19 MediaRecorder - 图20 MediaRecorder - 图21

参考文档

  1. () => Promise<void>

stop

结束录制

支持情况:MediaRecorder - 图22 MediaRecorder - 图23 MediaRecorder - 图24

参考文档

  1. () => Promise<void>

参数

on

EventName

eventName 的合法值

参数 说明
start 录制开始事件。
stop 录制结束事件。返回 {tempFilePath, duration, fileSize}
pause 录制暂停事件。
resume 录制继续事件。
timeupdate 录制时间更新事件。

Callback

事件触发时执行的回调函数

  1. (res: { tempFilePath: string; duration: number; fileSize: number; }) => void
参数 类型
res { tempFilePath: string; duration: number; fileSize: number; }

requestFrame

Callback

事件触发时执行的回调函数

  1. () => void

API 支持度

API 微信小程序 H5 React Native
MediaRecorder.destroy ✔️
MediaRecorder.off ✔️
MediaRecorder.on ✔️
MediaRecorder.pause ✔️
MediaRecorder.requestFrame ✔️
MediaRecorder.resume ✔️
MediaRecorder.start ✔️
MediaRecorder.stop ✔️