연락처 정보

코스 개요

미디어 디바이스 처리 방법

1. navigator.permissions를 활용한 브라우저 권한 관리

  • 하드웨어 접근 방법:
    • 웹캠
    • 마이크
  • 선택적 권한 활용법:
    • 위치 정보 획득
    • 알림 설정
    • 클립보드 읽기/쓰기
  • 권한 상태 조회 및 확인 절차
  • 브라우저별 제한 사항과 호환성 주의점

2. navigator.mediaDevices를 활용한 미디어 디바이스 접근법

  • 연결된 디바이스 목록 확인 방법
  • 디바이스 연결 상태 변화 감지 기법

3. 크로스브라우저 호환성 대응 전략

  • API 사용법:
    • navigator.permissions.query() 활용법
    • navigator.mediaDevices.enumerateDevices() 실행 과정
    • getUserMedia() 실행 요령
  • Safari 브라우저에 대한 특수 대응 방안

4. 미디어 디바이스 초기화 및 제어 방법

  • 디바이스 연결 준비: getUserMedia(constraints) 실행법
  • 미디어 디바이스 설정 조건 명시 방식
  • 미디어 스트림 시작/중단 제어 절차
  • 디바이스 변경 감지 및 대응 전략

5. MediaRecorder를 활용한 디바이스 녹화 기법

  • 스트림 시작/종료 제어 방법과 녹화 실행 과정
  • .webm 형식의 파일 저장 절차
  • 실시간 오디오 파형 시각화 구현법

선택적 심화 학습 내용:

  • ScriptProcessorNode를 활용한 .wav 형식 저장 방법
  • 오디오 FFT 주파수 스펙트럼 시각화 구현법
  • 데시벨 단위의 음량 표시 방안
  • webkitSpeechRecognition을 이용한 음성 인식 기능 개발법

피어 연결 구성법

1. 시그널링 서버 설계 방안

  • 양방향 통신 채널 선택 가능:
    • WebSocket 사용법
    • Socket.io 활용 전략
    • SignalR 구현 방법
  • 메시지 데이터 구성 형식 정의
  • 간소화된 WebRTC 클라이언트 설계법
  • 전체 시그널링 프로세스 이해

2. WebRTC를 활용한 영상 통신 구현법

  • 아키텍처 구성: Node.js와 ws 라이브러리 결합 방식
  • WebRTC 클라이언트 개발에 필요한 RTCPeerConnection 사용법
  • 로컬 환경에서의 엔드투엔드 테스트 절차

추가 고급 기능 적용법:

  • 통화 종료 처리: 연결 해제 및 미디어 스트림 중단 방법
  • 그룹 통신 구현: 다중 사용자 참여 가능한 방 구성법
  • 토큰 기반 간단 인증 체계 적용 전략

3. 화면 공유 기술 실무 활용법

  • getDisplayMedia()를 이용한 디스플레이 캡처 방법
  • 화면 공유 시스템 아키텍처 및 설정 옵션

4. 세션 기술 명세 프로토콜(SDP) 해석법

  • SDP 개요 및 내부 구성 요소 분석
  • SDP 데이터 내용 읽기 및 해석 방안
  • 코덱 종류:
    • 오디오 및 영상 코덱 정의
    • 협상 절차와 통제 방식 이해
    • 대체 가능한 코덱 전환 전략

5. getStats()를 활용한 WebRTC 성능 측정법

  • 성능 수치 유형 구분 방법
  • 수집된 데이터 해석 방식 알아보기
  • 실시간 비트레이트 및 지터 상태 차트 생성 기술
  • 네트워크 조건에 따른 화질 자동 조정 전략

6. 위에 언급된 모든 주제는

  • 실습 기반 프로젝트 과제로 구현됩니다.

요건

이 교육은 비디오 채팅, 화면 공유, 오디오 스트림 서비스 등 브라우저 기반 실시간 통신 기능을 구현하고자 하는 프론트엔드 및 풀스택 개발자, 기술 아키텍트, 엔지니어들을 위한 과정입니다. 참가자들은 JavaScript와 웹 기술에 대한 기본 지식을 갖추고 있어야 하며, Node.js 및 WebSocket 통신 경험이 있다면 학습 효과를 극대화할 수 있습니다.

 14 시간

참가자 수


참가자별 가격

회원 평가 (3)

예정된 코스

관련 카테고리