728x90 기능 모음(JavaScript)3 WebRTC로 서버 안태우고 라이브채팅 구현하기 WebRTC - RTCPeerConnection.createDataChannel { const offer = await myPeerConnection.createOffer(); myPeerConnection.setLocalDescription(offer); socket.emit('offer', offer, 1); }); // Peer B가 합류를 받고 ok함(answer) socket.on('offer', async offer => { myPeerConnection.setRemoteDescription(offer); const answer = await myPeerConnection.createAnswer(); myPeerConnection.setLocalDescription(answer); socket.. 2023. 1. 8. WebRTC API를 사용한 화상 채팅 구현 개발 환경 - Server : node.js - Client: node.js, webpack을 이용한 개발 서버 아래의 깃헙을 클론 받아 초기세팅 폴더 안에 들어가면 실습할 수 있습니다. https://github.com/kimjuno97/Implementing-Video-Chat-Using-the-WebRTC-API 사전 지식 - socket.io 사용법 - socket.io로 라이브 채팅 로직 구현하기 { console.log('icecandidate', data); }); myStream .getTracks() .forEach(track => myPeerConnection.addTrack(track, myStream)); } 중간 코드 수정 getMedia는 비동기 함수가 포함되어 있어서 myStr.. 2023. 1. 4. socket.io로 라이브 채팅 로직 구현하기 https://socket.io express : 4.18.2 , socket.io : 4.5.4 ) npm i express socket.io package.json에 start 명령어를 설정합니다. "scripts": { "start": "nodemon main.js" // or node main.js }, nodemon이 없다면 node 명령어로 설정하시면 됩니다. 그리고 import ~ from 을 사용하기 위해 package.json에 아래의 내용을 추가합니다. { "type": "module" } 그리고 또 "main" : "index.js" 부분이 있는데, 이 부분은 main.js로 바꿔 주겠습니다. package.json의 key name에 마우스를 올려두면 간단한 설명이 나오니 한 번씩 .. 2023. 1. 4. 이전 1 다음 728x90
