[프로젝트] WebRTC

7788 단어 node.jsnode.js

1. openssl 설치

cmd창에서 확인

2. node.js 설치

cmd창에서 확인

http : local에서 접속할 때
https : 통신할 때 => 영상과 화상이 가능

visual code 열기 >web_https폴더 열기 > 터미널시작 > 새 터미널 클릭 > node .\index.js 입력하면 채팅을 할 수 있도록 서버가 시작된다.

본인 아이피 입력 (cmd창에서 ipconfig)

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <title>Realtime communication with WebRTC</title>
  <link rel="stylesheet" href="/css/main.css" />

</head>

<body>

  <h1>Realtime communication with WebRTC</h1>

  <div id="videos">
    <video id="localVideo" autoplay muted playsinline></video>
    <video id="remoteVideo" autoplay playsinline></video>
  </div>
  
  
  <!-- <div id="videos">
  </div> -->

  <!-- This file is automatically added/served when running "node index.js". -->
  <script src="/socket.io/socket.io.js"></script>
  <script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
  <script src="js/main.js"></script>

</body>

</html>

좋은 웹페이지 즐겨찾기