# 跟我一步步学WebRTC

**Repository Path**: ythyty/WebRTC-Step-By-Step

## Basic Information

- **Project Name**: 跟我一步步学WebRTC
- **Description**: 以最通俗易懂的方式，从最简单开始，一步一步踏进WebRTC的大门
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-11-25
- **Last Updated**: 2022-11-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 跟我一步步学WebRTC


## 第一步
学一点HTML，还有JS，额，一点点就足够了。就是如何建一个HTML页面，如何建一个js脚本，如何让它们跑起来。
首页简单点，使用flex布局，因为我们不是在学HTML。所以HTML界面尽量简单就可以。
flex布局参考
https://www.runoob.com/w3cnote/flex-grammar.html


## 第二步
了解基础WebRTC的API，即，直接在浏览器进行简单的操作，体验WebRTC的前端接口。例如音视频设备管理，音视频采集，拍照，录制等操作，这类操作不需要后端信令，纯粹是直接使用WebRTC的接口在浏览器上浪一把。

## 第三步
这里就恶心了，因为再往前走，就是一头雾水了，因为你会发现很多WebRTC的后端，其实它们都是实现了WebRTC的信令部分，而这些后端通常都配套了相关SDK，例如Kurento,janus,licode,Mediasoup,Medooze,jitsi,Intel owt,Pion等等，还有谷歌自家原版的，每家都很有特色，这一阶段选任何一家都是错的，因为选了后，你会发现完全迷失了，现阶段最好是自己搭建一个简单的信令服务，实现几条信令，实际上就是websocket做后端，实现与前端的js交互，完成信令功能。

## 第四步
嗯，第四步，我还没想好选谁，kurento听说比较坑爹，出问题得花钱才有专人解决，400欧元一次，janus比较强，但是是C写的，插件模式，扩展性比较好，Pion是GO写的，性能比较好，github上8K的星星，比较看好。


## 如何在VSCode或IDEA快速写HTML?
推荐Emmet插件

安装完插件后，参考一下这里
https://www.cnblogs.com/summit7ca/p/6944215.html


然后去这里稍微看一下

HTML
https://www.runoob.com/html/html-tutorial.html

CSS
https://www.runoob.com/css/css-tutorial.html


30分钟后。。。。。


OK，你现在基本掌握HTML和JS的编写了吧。

为了简单省事，WebRTC很多接口需要HTTPS才能正常，老夫已经为大家搭建了HTTPS的环境。
只要执行 docker-compose -f docker-compose-nginx.yml up -d
即可完成开发环境的搭建，所有HTML和JS都可以在nginx/html目录实时添加。