https://github.com/zmecust/p2p-webrtc

p2p Video Call Connection by WebRTC
https://github.com/zmecust/p2p-webrtc

nodejs socket-io vue webrtc

Last synced: 8 days ago
JSON representation

p2p Video Call Connection by WebRTC

• Host: GitHub
• URL: https://github.com/zmecust/p2p-webrtc
• Owner: zmecust
• Created: 2017-08-09T01:32:49.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T03:13:39.000Z (over 1 year ago)
• Last Synced: 2024-03-03T09:38:39.522Z (4 months ago)
• Topics: nodejs, socket-io, vue, webrtc
• Language: JavaScript
• Homepage: https://webrtc.laravue.org
• Size: 815 KB
• Stars: 123
• Watchers: 7
• Forks: 36
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Lists

• awesome-github-star - p2p-webrtc

README

        
# p2p-webrtc

> A Vue.js project about video communication

## 演示地址

- https://webrtc.laravue.org

## 项目概述

- 实现通过拨号方式建立点对点视频通话连接

- 详情请参考 [https://laravue.org/#/articles/22](https://laravue.org/#/articles/22)

## 安装

- git clone

- npm i

- npm run build

- node server.js

## 本地部署

- 安装完之后，chrome 或者 firefox 浏览器访问 `localhost:3000`

## 线上部署

- **Nginx 反向代理**

线上环境修改 `Room.vue` 中的 `const socket = io.connect('https://yourdomain');`

如果部署到线上环境，可以配置 Nginx 反向代理，并且配置 SSL 证书（WebRTC 必须要使用安全协议，如：https & wss）

如下所示：

```

server {

        listen 443 ssl;

        ssl_certificate '你的 SSL 证书地址';

        ssl_certificate_key '你的 SSL 证书地址';

        

        ssl_session_cache shared:SSL:50m;

        ssl_session_timeout 1d;

        ssl_session_tickets off;

        server_name '你的域名';

        location / {

                proxy_pass    http://127.0.0.1:3000;

                proxy_http_version 1.1;

                proxy_set_header Upgrade $http_upgrade;

                proxy_set_header Connection "upgrade";

                proxy_set_header Host $host;

        }

}

```

- **pm2 or forever 守护进程**

```

npm i -g pm2

pm2 start server.js

OR

npm i -g forever

forever start server.js

```

## 说明

- 线上部署需要先部署 stun 服务器，否则不同域之间不能通信，部署参考：[https://laravue.org/#/articles/33](https://laravue.org/#/articles/33)

- 如有任何疑问或者 bug，欢迎联系 `[email protected]` 或者 `[email protected]`