# webrtc_uniapp_h5

**Repository Path**: nicelyy/webrtc_uniapp_h5

## Basic Information

- **Project Name**: webrtc_uniapp_h5
- **Description**: webrtc、h5、IM、即时通讯、音视频、聊天、datachannel、rtc等等全新的聊天开源h5开始了

- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2024-07-25
- **Last Updated**: 2024-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webrtc_uniapp_h5

#### 介绍
webrtc、metartc、h5、IM、即时通讯、音视频、聊天、datachannel、rtc等等全新的聊天开源h5开始了

#### 软件架构
1：如果只做SFU功能，选择发现里面sfu的事例，对应服务器go项目为：webrtc-sfu-server-go <br>
2：如果做p2p功能，选择发现里面的p2p例子，对应服务器为2个项目：webrtc-p2p-server-go（p2p信令）以及webrtc-turn-go（p2p基于poin的打洞以及转发）

#### 安装教程
WebSocket connection to 'wss://localhost:3000/ws?userId=891059&roomId=1' failed: Error in connection establishment: net::ERR_CERT_AUTHORITY_INVALID
		2023/02/12 14:11:23 http: TLS handshake error from [::1]:51380: remote error: tl
s: unknown certificate<br>
		就是把wss换成https，然后再浏览器中选择advance，然后选择继续或者thisisunsafe<br>
		如：https://localhost:3000/ws<br>
		继续是：Proceed to localhost (unsafe)<br>
#### 使用说明

1.  画布编程视频流，访问链接是：/pages/show/rtcdemo/capturecanvas/capturecanvas
![输入图片说明](static/canvasToVideo.png)
2. 发现页面的功能列表 ![输入图片说明](static/showlist.png)
3. sfu进入房间，发布视频 ![输入图片说明](static/sfu_room_in.png)
4. sfu里面的多人效果，pc页面![输入图片说明](static/sfu_pc_demo.png)

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)