swith camera view to jsmpeg

This commit is contained in:
Blake Blackshear
2021-06-13 14:21:20 -05:00
parent 3b695040d1
commit 861ee0485d
3 changed files with 37 additions and 8 deletions

View File

@@ -5,14 +5,13 @@ import JSMpeg from '@cycjimmy/jsmpeg-player';
export default function JSMpegPlayer({ camera }) {
const playerRef = useRef();
const canvasRef = useRef();
const url = `${baseUrl.replace(/^http/, 'ws')}/live/${camera}`
useEffect(() => {
const video = new JSMpeg.VideoElement(
playerRef.current,
url,
{canvas: canvasRef.current},
{},
{protocols: [], audio: false}
);
@@ -22,8 +21,7 @@ export default function JSMpegPlayer({ camera }) {
}, [url]);
return (
<div ref={playerRef} className="jsmpeg">
<canvas ref={canvasRef} className="relative w-full" />
<div ref={playerRef} class="jsmpeg">
</div>
);
}