|
|
|
|
@ -1,17 +1,30 @@
@@ -1,17 +1,30 @@
|
|
|
|
|
import { useEffect, useMemo, useState } from 'react' |
|
|
|
|
import { MediaStream, mediaDevices } from 'react-native-webrtc' |
|
|
|
|
import { create } from 'zustand' |
|
|
|
|
import { peerConnectionService } from '../services' |
|
|
|
|
import { useEventsListener } from '@/shared' |
|
|
|
|
|
|
|
|
|
export interface ICallStreamsStore { |
|
|
|
|
localStream: MediaStream |
|
|
|
|
remoteStream: MediaStream |
|
|
|
|
isMicOn: boolean |
|
|
|
|
isCameraOn: boolean |
|
|
|
|
|
|
|
|
|
remoteVideoOn: boolean |
|
|
|
|
|
|
|
|
|
setLocalStream: (localStream: MediaStream) => void |
|
|
|
|
setRemoteStream: (remoteStream: MediaStream) => void |
|
|
|
|
setMicOn: (isMicOn: boolean) => void |
|
|
|
|
setCameraOn: (isCameraOn: boolean) => void |
|
|
|
|
setRemoveVideoOn: (removeVideoOn: boolean) => void |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const callsStreamStore = create<ICallStreamsStore>()(set => ({ |
|
|
|
|
localStream: null, |
|
|
|
|
remoteStream: null, |
|
|
|
|
isMicOn: true, |
|
|
|
|
isCameraOn: true, |
|
|
|
|
remoteVideoOn: true, |
|
|
|
|
|
|
|
|
|
setLocalStream(localStream) { |
|
|
|
|
set({ localStream }) |
|
|
|
|
@ -20,6 +33,17 @@ const callsStreamStore = create<ICallStreamsStore>()(set => ({
@@ -20,6 +33,17 @@ const callsStreamStore = create<ICallStreamsStore>()(set => ({
|
|
|
|
|
setRemoteStream(remoteStream) { |
|
|
|
|
set({ remoteStream }) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setMicOn(isMicOn) { |
|
|
|
|
set({ isMicOn }) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
setCameraOn(isCameraOn) { |
|
|
|
|
set({ isCameraOn }) |
|
|
|
|
}, |
|
|
|
|
setRemoveVideoOn(remoteVideoOn) { |
|
|
|
|
set({ remoteVideoOn }) |
|
|
|
|
}, |
|
|
|
|
})) |
|
|
|
|
|
|
|
|
|
export const useCallsStream = callsStreamStore |
|
|
|
|
@ -44,3 +68,51 @@ export const initCallsMediaDevices = async (peerConnection: any) => {
@@ -44,3 +68,51 @@ export const initCallsMediaDevices = async (peerConnection: any) => {
|
|
|
|
|
console.log('eerror') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export const useLocalStream = () => { |
|
|
|
|
const localMicOn = callsStreamsCtr().isMicOn |
|
|
|
|
const isCameraOn = callsStreamsCtr().isCameraOn |
|
|
|
|
const localStream = callsStreamsCtr().localStream |
|
|
|
|
|
|
|
|
|
function toogleMic() { |
|
|
|
|
callsStreamsCtr().setMicOn(!localMicOn) |
|
|
|
|
localStream.getAudioTracks().forEach(track => { |
|
|
|
|
localMicOn ? (track.enabled = false) : (track.enabled = true) |
|
|
|
|
}) |
|
|
|
|
peerConnectionService.sendMessage({ |
|
|
|
|
type: 'changeMicro', |
|
|
|
|
value: !localMicOn, |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function toogleCamera() { |
|
|
|
|
callsStreamsCtr().setCameraOn(!isCameraOn) |
|
|
|
|
localStream.getVideoTracks().forEach(track => { |
|
|
|
|
isCameraOn ? (track.enabled = false) : (track.enabled = true) |
|
|
|
|
}) |
|
|
|
|
peerConnectionService.sendMessage({ |
|
|
|
|
type: 'changeVideo', |
|
|
|
|
value: !isCameraOn, |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
localMicOn, |
|
|
|
|
localStream, |
|
|
|
|
toogleMic, |
|
|
|
|
isCameraOn, |
|
|
|
|
|
|
|
|
|
toogleCamera, |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export const useRemoteStream = () => { |
|
|
|
|
const remoteVideoOn = callsStreamStore(s => s.remoteVideoOn) |
|
|
|
|
|
|
|
|
|
useEventsListener('call-channel/changeVideo', ({ value }) => { |
|
|
|
|
console.log('value', value) |
|
|
|
|
callsStreamsCtr().setRemoveVideoOn(value) |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
return { isRemoteCameraOn: remoteVideoOn } |
|
|
|
|
} |
|
|
|
|
|
Vitalik
8 months ago