# WEBRTC

71개의 포스트

22.05.19(목) WebRTC

WebRTC WebRTC 는 리얼 타임 음성, 영상, 데이터 교환을 할 수 있는 완전한 p2p 기술이다 다른 곳에서 논의한 것 처럼 서로 다른 네트워크에 있는 2개의 디바이스들을 서로 위치시키기 위해서는, 각 디바이스들의 위치를 발견하는 방법과 미디어 포맷 협의가 필요하다 이 프로세스를 시그널링 signaling 이라 부르고 각 디바이스들을 상호간에 동의된...

5일 전
·
0개의 댓글
post-thumbnail

[Spring] WebRTC

🧞‍♂️ Spring 으로 signalling 구축하기 > 아래 내용은 스프링으로 시그널링 서버를 구축하기 위해 필요한 정보를 그때 그때 가져와 정리해놓은 것으로 난잡할 수 있습니다. 🏄‍♂️ WebRTC 웹 브라우저 간 플러그인이나 써드파티 프로그램 없이 서로

6일 전
·
0개의 댓글
post-thumbnail

[django] webRTC, websocket, django-channel (3)

로컬 환경에서는 ws(일반 websocket)만 사용해도 문제가 없다. 하지만, 실제 배포할 때는 얘기가 약간 달라지는데 바로 SSL을 적용하는 경우가 대부분이기 때문이다.

2022년 5월 11일
·
0개의 댓글
post-thumbnail

[개발] WebRTC & SpringBoot & Vue.js를 활용한 Group Video Call

WebRTC & SpringBoot & Vue.js & Simple Peer을 활용한 그룹 화상 회의 개발하기.

2022년 4월 23일
·
1개의 댓글
post-thumbnail

WebRTC

WebRTC(Web Real-Time Communication)웹 브라우저 간에 플러그인(드라이버나 중간자)의 도움 없이 서로 통신할 수 있도록 설계된 기술 이며 음성 통화, 영상 통화, P2P 파일 공유 등으로 활용될 수 있다.공식사이트 - https://w

2022년 4월 21일
·
0개의 댓글
post-thumbnail

[webRTC] openVidu 시작하기

openVidu란? 웹 또는 모바일 애플리케이션에서 화상 통화를 쉽게 추가할 수 있는 플랫폼 openVidu tutorial 시작하기 docker 다운 실행한 docker 버전 20.10.12 npm 다운 실행한 npm 버전 8.1.2 openVidu tut

2022년 4월 20일
·
0개의 댓글
post-thumbnail

Web-RTC 영상통화 서비스 (React Native)

개발 블로그의 첫 장을 webRTC를 주제로 쓰게 될 줄은 몰랐다. 이번에 진행하는 프로젝트에서 영상통화 어플을 만들기 위해서 webRTC를 사용하게 됐는데 처음 사용하는 기능이고 아직 잘 몰라서 정리도 할 겸 써본다.MDN에 따르면 "웹 애플리케이션과 사이트가 중간자

2022년 4월 18일
·
0개의 댓글
post-thumbnail

[리액트] webRTC

항해99와 함께한 마지막 실전 프로젝트티밍 바로가기프로젝트에서 가장 신경쓰고 익히기 위해 애쓴 webRTC를 어떻게 이해하고 사용했는지 정리해보도록 하겠다.웹/앱에서 별다른 소프트웨어없이 카메라, 마이크 등을 사용해서 실시간 커뮤니케이션을 제공해주는 기술입니다.웹 상에

2022년 4월 11일
·
0개의 댓글
post-thumbnail

서비스 배포

웹 서비스를 배포해보았다처음으로 웹 사이트 도메인을 구입해 서비스를 배포해보았다.6주간의 프로젝트팀원 : 프론트엔드1명 백엔드2명 디자이너1명 총4명팀장 : 나서비스 : 디자이너, 개발자를 위한 팀프로젝트 구성 및 의사소통 공간 제공 서비스핵심기술 : webRTC를 이

2022년 4월 10일
·
0개의 댓글

[Kurento] WebRTC 미디어 서버 설치 및 예제

쿠렌토 미디어 서버 설치는 공식 홈페이지에 잘 기재되어 있으니 순서대로 잘 따라하기만 하면 된다.터미널에 그대로 입력한줄한줄 그대로 따라 작성첫번째 줄은 "/etc ~" 에 파일생성 및 아래 입력하는 내용을 입력하겠다는 명령어 이고두번째줄과 세번째 줄 입력 후 네번째

2022년 4월 5일
·
0개의 댓글
post-thumbnail

WebRTC에 대해 알아보자

본격 개발 전 알아보는 WebRTC!

2022년 4월 5일
·
0개의 댓글
post-thumbnail

[WebRTC] WebRTC SFU 핵심 용어 정리

webRTC 의 기초적인 설명은 간단하게 기술할 예정이며, webRTC SFU 방식의 포커싱하여 정리할 예정입니다. WebRTC 란? > WebRTC(Web Real-Time Communication) 은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오

2022년 3월 30일
·
0개의 댓글

[리액트] STUN server

STUN 서버stun 은 Session Traversal Uilities for NAT의 약자이다.NAT환경에서는 Private IP를 별도로 가지고 있기 때문에 Peer to Peer(이하 P2P) 통신이 불가능 하다. 따라서 클라이언트는 자신의 Public IP를

2022년 3월 11일
·
0개의 댓글

[리액트] ICE candidate

Network 정보 (ICE Candidate) 교환하기세상 어딘가에 있는 상대 peer 를 찾아 연결을 맺기 위해선, 네트워크 정보를 교환해야합니다. 이 때, 중간 매개자 역할로서 별도의 서버인 Signaling Server 가 필요합니다. 순서는 다음과 같습니다.s

2022년 3월 11일
·
0개의 댓글
post-thumbnail

[1] WebRTC SFU/N:M 채팅(for Beginner) : Logic 정리

뜨거운 감자 Metavarse 코로나 이후 메타버스가 뜨거운 감자로 떠오르며, webrtc와 websocket 기술에 대한 수요가 눈의 띄게 증가한 것 같습니다. 이번에 사내에서도 음성채팅에 대한 수요가 있었고, 이를 기술 검증 후 사내 프로젝트에 녹이고자 합니다.

2022년 3월 4일
·
0개의 댓글
post-thumbnail

[Javascript] PeerJS 개념 이해하기

dor.gg 개발을 한지 어언 6개월정도 지났다. 이제 사이트의 기본적인 틀은 (매칭 시스템) 잡힌 것 같아서 '베타 버전'이라는 꼬리표를 떼기 위해 두 개의 큰 산이 남은 상황이다. 그 중 하나가 바로 음성채팅이었는데.peerJS의 사용법을 적기 앞서 그 기반이 되는

2022년 2월 21일
·
0개의 댓글
post-thumbnail

WebRTC Native C++ API로 SFU 방식(1:N) 구현하기

서론 1:N 강의 시스템 구현을 위해 RTC가 필요하여 WebRTC를 언리얼엔진에서 사용할 수 있는 방법에 대해 연구해 보았습니다. 실질적으로 WebRTC라고 함은 Web 위에서 RTC(실시간 통신)을 위해 구현되었습니다. 하지만 WebRTC도 코어는 C++로 이루어졌

2022년 2월 20일
·
0개의 댓글
post-thumbnail

WebRTC 이론 파헤치기 [1] WebRTC?

WebRTC(Web Real-Time Communication)은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디오를 포착하고 마음대로 스트림할 뿐 아니라, 임의의 데이터도 교환할 수 있는 기술이다. WebRTC를 구성하는 일련의 표준들은 플러

2022년 2월 5일
·
0개의 댓글