본문 바로가기
Frontend/Frontend 프로젝트

[Web RTC] 웹 RTC 구현해보기 - 1

by 천우산__ 2023. 7. 1.

1.  내 비디오 & 마이크에서 정보 가져오기

async function start() {
            try {
                // 로컬 비디오, 마이크 
                stream = await navigator.mediaDevices.getUserMedia({
                    video: true,
                    audio: true
                });

                // 로컬 비디오 트랙과 오디오 트랙 추출
                localVideoTrack = stream.getVideoTracks()[0];
                localAudioTrack = stream.getAudioTracks()[0];
                localVideo.srcObject = stream;

            } catch (error) {
                console.error('Error accessing media devices:', error);
            }
        }

 

2. 비디오 & 마이크 연결 OFF 하기

let localVideoTrack;
let localAudioTrack;
        
        
// 마이크 & 비디오에 접근하는 코드 생략 //

// 오디오 OFF
function audioShareEnd() {
    localAudioTrack.stop();
}


// 마이크 OFF
function webCamShareEnd() {
    localVideoTrack.stop();
}