前端如何截取video视频中的10s的片段并保存为MP4文件?

目前有个需求,需要点击页面上的录制按钮,然后从当前时间段开始自动录制10s的视频并保存为MP4文件,界面上使用的是html5的video标签。有没有大神做过类似的功能?

前端js目前还做不到,可以提供两个解决方案
1. 录制的时候可以每20毫秒(自行调整)截取一次当前的画面保存成图片,然后用gif-js插件方法push进去,最后生成gif
2. 可以用webRTC (其他技术也可以)跟服务器建立连接,让服务器帮客户端保存成MP4文件,然后前端再请求这个MP4文件

哥哥怎么解决了?

使用画布可以做到但是录屏机制是没用声音,在使用AudioContext()截取对应的音频 FFmpeg 或者 合成