혼자서 앱 만드는 개발자 함께하는 AI 세상

pdf위에 그리기 도구를 이용해서 webrtc를 통해 공유하는 웹 앱 만들기 테스트  PDF와 Canvas 스트리밍 PDF 불러오기 https://iukj.cafe24.com/chat/pdf_chat.php?room=11111 오픈챗 iukj.cafe24.com

https://github.com/versatica/mediasoup-demo GitHub - versatica/mediasoup-demo: mediasoup official demo application mediasoup official demo application. Contribute to versatica/mediasoup-demo development by creating an account on GitHub. github.com \\ $ git clone https://github.com/versatica/mediasoup-demo.git $ cd mediasoup-demo $ git checkout v3 $ cd server $ sudo npm install $ cp config.exampl..

주말동안 그동안 미뤄 왔던 웹기간 채팅 사이트를 부트스트럽 (bootstrap.com) 과 채팅 UI 를 통해 구축해봤다. 백엔드중 일부를 webrtc ice 서버를 시트메타를 이용하고 클라이언트는 p2p기반이라 서부 부하를 고려할 필요가 없다. 다만 클라이언트 매끄러운 연결을위해 turn 서버를 두고 테스트 해보았다. TURN 서버는 COTRUN 을 이용했다. COTRUN 서버는 맥북에 깔려서 오래된 맥북에 설치 하고 진행했다. https://github.com/coturn/coturn GitHub - coturn/coturn: coturn TURN server project coturn TURN server project. Contribute to coturn/coturn development by ..

메세지 전송 버튼 처리 추가 데이터 채널을 만들어서 서로 메세지를 교환한다. pc.ondatachannel = function (event) { // 데이터 채널로부터 이벤트를 받아올때 처리하는 로직(받는쪽 로직) var receiveChannel = event.channel; receiveChannel.onmessage = function (event) { console.log( event ); var data= JSON.parse(event.data); console.log( data.message ,data.timestamp ); // 우선 콘솔에 찍어줌 }; }; var dataChannelOptions = { reliable:true }; pc.ondatachannel = function (ev..

WEB RTC 구성하기위해 HTML 페이지 제작 하기위해 기본적으로 video테그 : 로컬 비디오 설정해야한다. 보통 비디오 테크는 아래 처럼 사용하는데 우리는 WEBRTC를 이용해서 스트리밍으로 받아오기때문에 위와같이 설정 하기로 한다. 아래처럼 화면을 만들고 통화가능하게 작업을 진행할려고한다. 플러터에서 WEBVIEW 형태로 개발 할수있다. 작업은 잘알려지 소스로 진행할 예정이다. 관련 git자료 이다. https://github.com/bastokr/webrtc-php.git GitHub - bastokr/webrtc-php: WebRTC PHP SSE shared-hosting without websockets WebRTC PHP SSE shared-hosting without websockets..