如何使用react hook创建记录组件?

Question

我需要创建用于记录web浏览器屏幕的react组件
是否有人可以知道如何做到这一点
请帮助我
谢谢

Answer 1

很高兴认识你
你可以使用react-media-recorder
Installreact-media-recordernpm

npm i react-media-recorder

然后

import { useReactMediaRecorder } from "react-media-recorder";
const RecordView = () => {
const { status, startRecording, stopRecording, mediaBlobUrl } =
useReactMediaRecorder({ video: true });
return (
<div>
<p>{status}</p>
<button onClick={startRecording}>Start Recording</button>
<button onClick={stopRecording}>Stop Recording</button>
<video src={mediaBlobUrl} controls autoPlay loop />
</div>
);
};

问好