talksik/nirvana-v3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

clean after the testing and experiments

Browse Source
This commit is contained in:
talksik
2022-05-17 11:12:05 -05:00
parent 9a6a670669
commit 5699c6e2e1
1 changed files with 8 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/providers/StreamProvider.tsx
+8 -27
View File
@@ -56,9 +56,6 @@ export function StreamProvider({ children }: { children: React.ReactChild }) {
const [userLocalStream, setUserLocalStream] = useState<MediaStream>(); const [userLocalStream, setUserLocalStream] = useState<MediaStream>();
const localStreamRef = useRef<HTMLVideoElement>(null); const localStreamRef = useRef<HTMLVideoElement>(null);
const [secondUserLocalStream, setSecondLocalStream] = useState<MediaStream>();
const secondLocalStreamRef = useRef<HTMLVideoElement>(null);
useEffect(() => { useEffect(() => {
navigator.mediaDevices.enumerateDevices().then((devices) => { navigator.mediaDevices.enumerateDevices().then((devices) => {
const uniqueDevices = []; const uniqueDevices = [];
@@ -79,29 +76,15 @@ export function StreamProvider({ children }: { children: React.ReactChild }) {
.then((localMediaStream: MediaStream) => { .then((localMediaStream: MediaStream) => {
setUserLocalStream(localMediaStream); setUserLocalStream(localMediaStream);
// setTimeout(() => { setTimeout(() => {
// localMediaStream.getTracks().forEach((track) => { localMediaStream.getTracks().forEach((track) => {
// track.stop(); track.stop();
// }); });
// }, 2000); }, 2000);
if (localStreamRef.current) localStreamRef.current.srcObject = localMediaStream; if (localStreamRef.current) localStreamRef.current.srcObject = localMediaStream;
}); });
}, [localStreamRef]);
navigator.mediaDevices
.getUserMedia({ video: false, audio: true })
.then((localMediaStream: MediaStream) => {
setSecondLocalStream(localMediaStream);
// setTimeout(() => {
// localMediaStream.getTracks().forEach((track) => {
// track.stop();
// });
// }, 2000);
if (secondLocalStreamRef.current) secondLocalStreamRef.current.srcObject = localMediaStream;
});
}, [localStreamRef, secondLocalStreamRef]);
const handleStartBroadcast = () => { const handleStartBroadcast = () => {
userLocalStream.getTracks().forEach((track) => { userLocalStream.getTracks().forEach((track) => {
@@ -218,14 +201,12 @@ export function StreamProvider({ children }: { children: React.ReactChild }) {
<MemoStreamsConnector handleAddPeer={handleAddPeer} membersToCall={distinctPeerUserIds} /> <MemoStreamsConnector handleAddPeer={handleAddPeer} membersToCall={distinctPeerUserIds} />
<div className="flex flex-row gap-5"> <div className="flex flex-row gap-5">
<button onClick={handleStartBroadcast}>start</button> {/* <button onClick={handleStartBroadcast}>start</button>
<button onClick={stopBroadcast}>stop</button> <button onClick={stopBroadcast}>stop</button> */}
<audio autoPlay ref={localStreamRef} /> <audio autoPlay ref={localStreamRef} />
<audio autoPlay ref={secondLocalStreamRef} />
{Object.values(peerMap).map((peer, index) => ( {Object.values(peerMap).map((peer, index) => (
<StreamPlayer key={`streamPlayer-${index}`} peer={peer} /> <StreamPlayer key={`streamPlayer-${index}`} peer={peer} />
))} ))}