recordrtc

阿超

发布于 2023-06-23 14:07:17

3120

发布于 2023-06-23 14:07:17

文章被收录于专栏：快乐阿超快乐阿超

贫者因书而富，富者因书而贵。——王安石

分享一个JavaScript音频 + 视频 + 屏幕 + 画布(2D+ 3D动画)录制库：WebRTC

https://recordrtc.org/

https://github.com/muaz-khan/RecordRTC

demo：https://www.webrtc-experiment.com/RecordRTC/simple-demos/

let stream = await navigator.mediaDevices.getUserMedia({video: true, audio: true});
let recorder = new RecordRTCPromisesHandler(stream, {
    type: 'video'
});
recorder.startRecording();

const sleep = m => new Promise(r => setTimeout(r, m));
await sleep(3000);

await recorder.stopRecording();
let blob = await recorder.getBlob();
invokeSaveAsDialog(blob);

非常的简单方便