H5预览录制视频流程图
2022-05-11 14:37:46 0 举报
浏览器预览及录制视频整流程汇总
作者其他创作
大纲/内容
弹窗提示获取权限失败关闭浏览器(JS)
将存放二进制视频块的变量转换成Blob对象或File对象传入后台或预览
将stream媒体流赋值到video标签中的srcObject属性中即可成功播放(JS)
MediaRecorder常量调用stop()方法结束录制
获取流媒体失败(JS)
初始化getUserMedia API获取用户授权(JS)
获取视频预览
声明变量用于存放二进制视频块MediaRecorder常量改写方法ondataavailable返回视频块插入声明变量
初始化常量赋值MediaRecorder构造函数传入stream流媒体
MediaRecorder常量调用start()开始录制方法
停止录制动作触发
用户点击拒绝(浏览器动作)
获取到stream摄像媒体流(JS)
创建video标签(HTML)
视频录制
用户点击接受(浏览器动作)
开始录制动作触发
收藏
0 条评论
下一页