2020-03-19 12:02:31 +11:00
|
|
|
import React, { useRef, useEffect } from "react";
|
|
|
|
|
|
2020-03-19 15:07:14 +11:00
|
|
|
function PartyVideo({ stream, muted }) {
|
2020-03-19 12:02:31 +11:00
|
|
|
const videoRef = useRef();
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (videoRef.current) {
|
|
|
|
|
videoRef.current.srcObject = stream;
|
|
|
|
|
}
|
|
|
|
|
}, [stream]);
|
|
|
|
|
|
2020-03-19 17:33:57 +11:00
|
|
|
return (
|
2020-03-20 19:19:46 +11:00
|
|
|
<video
|
|
|
|
|
ref={videoRef}
|
|
|
|
|
autoPlay
|
|
|
|
|
muted={muted}
|
|
|
|
|
style={{ width: "100%", borderRadius: "4px", maxWidth: "500px" }}
|
2020-03-20 22:49:25 +11:00
|
|
|
playsInline
|
2020-03-20 19:19:46 +11:00
|
|
|
/>
|
2020-03-19 17:33:57 +11:00
|
|
|
);
|
2020-03-19 12:02:31 +11:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default PartyVideo;
|