WEBRTC [webRTC] openVidu 시작하기 webRTC(Web Real-Time Communication) 웹 브라우저가 서로 통신할 수 있도록 설계된 API 웹 브라우저 상에서는 어떠한 플러그인도 필요 없이 음성 채팅과 화상채팅, 데이터 교환까지도 가능하게 하는 기술 WebRTC 기술은 P2P(Peer-to-Peer) 통신에 최적화 시그널링(Signaling) RTCPeerConnection들이 적절하게 데이터를 교환할 수 있게 처... openviduReactWEBRTCReact [Kurento] WebRTC 미디어 서버 설치 및 예제 쿠렌토 미디어 서버 설치는 공식 홈페이지에 잘 기재되어 있으니 순서대로 잘 따라하기만 하면 된다. 서버 환경 터미널에 그대로 입력 한줄한줄 그대로 따라 작성 첫번째 줄은 "/etc ~" 에 파일생성 및 아래 입력하는 내용을 입력하겠다는 명령어 이고 두번째줄과 세번째 줄 입력 후 네번째 줄 (EOF) 입력할 시 입력이 완료됩니다. 패키지 업데이트 후, kurento-media-server을 설... WEBRTCKurentoKurento [B-singroom]프로젝트 빌딩 3 - Intro 컴포넌트 작성 첫 화면에서는 심볼 캐릭터와 캐치프레이즈, 그리고 아이콘(이모지)과 닉네임을 선택하여 채팅방에 입장한다. 다음과 같은 요소들이 사용되었고 이전에 비해서 개선되었다. main.js에서 창 크기를 고정(1200x800) 벨로퍼트님의 리액트 강의 중 를 응용해 select태그와 input 각각 아이콘, 닉네임을 useState하나로 관리 react-router-dom v6는 link태그를 함수적으... WEBRTCsocket.ioexpresselectron음성채팅Electron ForgeReact채팅프로젝트Youtube Iframe APIElectron Forge
[webRTC] openVidu 시작하기 webRTC(Web Real-Time Communication) 웹 브라우저가 서로 통신할 수 있도록 설계된 API 웹 브라우저 상에서는 어떠한 플러그인도 필요 없이 음성 채팅과 화상채팅, 데이터 교환까지도 가능하게 하는 기술 WebRTC 기술은 P2P(Peer-to-Peer) 통신에 최적화 시그널링(Signaling) RTCPeerConnection들이 적절하게 데이터를 교환할 수 있게 처... openviduReactWEBRTCReact [Kurento] WebRTC 미디어 서버 설치 및 예제 쿠렌토 미디어 서버 설치는 공식 홈페이지에 잘 기재되어 있으니 순서대로 잘 따라하기만 하면 된다. 서버 환경 터미널에 그대로 입력 한줄한줄 그대로 따라 작성 첫번째 줄은 "/etc ~" 에 파일생성 및 아래 입력하는 내용을 입력하겠다는 명령어 이고 두번째줄과 세번째 줄 입력 후 네번째 줄 (EOF) 입력할 시 입력이 완료됩니다. 패키지 업데이트 후, kurento-media-server을 설... WEBRTCKurentoKurento [B-singroom]프로젝트 빌딩 3 - Intro 컴포넌트 작성 첫 화면에서는 심볼 캐릭터와 캐치프레이즈, 그리고 아이콘(이모지)과 닉네임을 선택하여 채팅방에 입장한다. 다음과 같은 요소들이 사용되었고 이전에 비해서 개선되었다. main.js에서 창 크기를 고정(1200x800) 벨로퍼트님의 리액트 강의 중 를 응용해 select태그와 input 각각 아이콘, 닉네임을 useState하나로 관리 react-router-dom v6는 link태그를 함수적으... WEBRTCsocket.ioexpresselectron음성채팅Electron ForgeReact채팅프로젝트Youtube Iframe APIElectron Forge