코스 개요
Day 1 – 미디어 디바이스 처리
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을 사용한 음성 인식
Day 2 – 피어 연결
1. 신호 서버
- 양방향 채널 옵션:
- WebSocket
- Socket.io
- SignalR
- 메시지 구조
- 간소화된 WebRTC 클라이언트
- 완전한 신호 흐름
- 실습 예시
2. WebRTC를 통한 비디오 채팅
- 아키텍처: Node.js + ws
- WebRTC 클라이언트: RTCPeerConnection
- 로컬 E2E 테스트
- 실습 예시
선택 사항 추가 기능:
- 통화 종료 (연결 닫기, 미디어 중지)
- 그룹 통화 (다중 사용자 방)
- 토큰 기반 간단한 인증
3. 화면 공유
- getDisplayMedia() 사용
- 아키텍처 및 옵션
- 실습 예시
4. 세션 설명 프로토콜 (SDP)
- 소개 및 내용
- SDP 읽기 및 해석
- 코덱:
- 오디오 & 비디오
- 협상 및 제어
- 대체 전략
- 실습 예시
5. getStats()를 통한 WebRTC 통계
- 통계 유형
- 통계 해석 방법
- 실시간 비트율/지터 차트
- 품질 적응 전략
- 실습 예시
요건
회원 평가 (5)
저는 Gunnar가 교육 과정을 진행하는 동안 거의 모든 코드를 즉석에서 작성했던 점이 마음에 들었고, 교육이 끝난 후에도 참고할 수 있는 Google 드라이브에 미리 준비된 자료가 많이 있었다는 점도 좋았습니다. 제가 사전에 제공한 샘플 데이터를 기반으로 Gunnar가 작성한 코드도 매우 유용했고, 훈련을 우리의 데이터 세트와 관련성 있게 진행할 수 있었습니다.
Ranvir - Schroders Personal Wealth
코스 - Visual Studio Code
기계 번역됨
각 모듈에 대한 다양한 예와 트레이너의 풍부한 지식.
Sebastian - BRD
코스 - Secure Developer Java (Inc OWASP)
기계 번역됨
모듈3 애플리케이션 공격 및 악용, XSS, SQL 주입 모듈4 서버 공격 및 악용, DOS, BOF
Tshifhiwa - Vodacom
코스 - How to Write Secure Code
기계 번역됨
Real-life examples.
Kristoffer Opdahl - Buypass AS
코스 - Web Security with the OWASP Testing Framework
The trainer's subject knowledge was excellent, and the way the sessions were set out so that the audience could follow along with the demonstrations really helped to cement that knowledge, compared to just sitting and listening.