getUserMediaを使ってローカルでwebカメラの映像をブラウザに表示させる - Qiita

import React, { useEffect, useRef, useState } from "react"; import { CameraOnOfButton } from "~/components/Button/Camera"; import { MicOnOfButton } from "~/components/Button/Mic"; //audioのbooleanとvideoの大きさをpropsで渡す type MediaProps = { audio: boolean; video: { width: number; height: number; }; }; const WebCameraTest: React.FC<MediaProps> = ({ audio, video }) => { const constraints = { audio: false,