Lidong's blog

WebRTC 媒体流录制

欢迎访问新站点: https://www.yidiankuaile.com/post/webrtc-media-recorder

MediaRecorder

媒体流录制

1
const mediaRecorder = new MediaRecorder(stream[,option]);
参数 说明
stream 媒体流,
可从 getUserMedia<video>
<audio><canvas> 获取
options 限制选项

options

选项 说明
mimeType video/webm
audio/webm
video/webm;codecs=vp8
video/webm;codecs=vp8
audio/webm;codecs=opus
audioBitsPerSecond 音频玛率
videoBitsPerSecond 视频玛率
bitsPerSecond 整体玛率

MediaRecorder API

开启录制媒体

1
MediaRecorder.start([timeslice])

timeslice 可选 如果设置了,会按照时间切片存储数据

停止录制媒体

1
MediaRecorder.stop()

暂停录制

1
MediaRecorder.pause()

恢复录制

1
MediaRecorder.resume()

类型检测

1
MediaRecorder.isTypeSupported()

事件

1
MediaRecorder.ondataavailable

每次记录一定时间的数据时(如果没有指定时间片,则记录整个数据时)会触发

1
MediaRecorder.onerror

当有错误发生时,录制会被停止

数据存储

  • 字符串

  • Blob (该格式相当于对 ArrayBuffer 封装)

  • ArrayBuffer

  • ArrayBufferView

更新记录

  1. 2020/5/29 22:30:12 首次发布

参考链接

本文链接:


评论内容还在加载中。。。
如无法加载,请将域名 disqus.com 和 disquscdn.com 加入到你的代理规则中