音视频流媒体开发【七十五】- WebRTC2-WebRTC开发环

2023-08-07 本文已影响0人 AlanGe

音视频流媒体开发-目录
 iOS知识点-目录
 Android-目录
 Flutter-目录
 数据结构与算法-目录
 uni-pp-目录

2 WebRTC开发环境

2.1 安装vscode

下载和安装vscode

vscode官网
 下载地址

下载完后按引导安装即可

配置vscode

安装插件

Prettier Code Formatter 使用 Prettier 来统一代码风格，当保存 HTML/CSS/JavaScript 文件时，它会自动调整代码格式。
Live Server：在本地开发环境中，实时重新加载(reload)页面。

第一个简单的HTML页面

HTML教程

范例first_html.html

<html>
<body>
<h1>标题1</h1>
<p>第一个段落.</p>
<p>我的第一个HTML页面</p>
</body>
</html>

第一个js程序

JavaScript教程

范例first_js.html

<!DOCTYPE html>
<html>
<body>

<h2>Body 中的 JavaScript</h2>

<p id="demo">一个段落。</p>

<button type="button" onclick="myFunction()">试一试</button>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "段落已被更改。";
}
</script>

</body>
</html>

2.2 安装 nodejs

源码安装nodejs

1. 下载nodejs

wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz

2. 解压文件

# 解压
tar ‐xvf node‐v10.16.0‐linux‐x64.tar.xz
# 进入目录
cd node‐v10.16.0‐linux‐x64/
# 查看当前的目录
pwd

3. 链接执行文件

# 确认一下nodejs下bin目录是否有node 和npm文件，如果有就可以执行软连接，比如
sudo ln ‐s /home/alange/webrtc/node-v10.16.0-linux-x64/bin/npm /usr/local/bin/
sudo ln ‐s /home/alange/webrtc/node-v10.16.0-linux-x64/bin/node /usr/local/bin/

# 看清楚，这个路径是你自己创建的路径，我的路径是/home/lqf/webrtc/nodejs

# 查看是否安装，安装正常则打印版本号
node ‐v
npm ‐v

第一个nodejs程序

nodejs教程

在我们创建 Node.js 第一个 "Hello, World!" 应用前，让我们先了解下 Node.js 应用是由哪几部分组成的：
1. 引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。
2. 创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。
3. 接收请求与响应请求服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。

创建 Node.js 应用

步骤一、引入 required 模块

我们使用 require 指令来载入 http 模块，并将实例化的 HTTP 赋值给变量 http，实例如下:

var http = require("http");

步骤二、创建服务器

接下来我们使用 http.createServer() 方法创建服务器，并使用 listen 方法绑定 8888 端口。函数通过 request,response 参数来接收和响应数据。

实例如下，在你项目的根目录下创建一个叫 server.js 的文件，并写入以下代码：

var http = require('http');

http.createServer(function (request, response) {

    // 发送 HTTP 头部 
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {'Content-Type': 'text/plain'});

    // 发送响应数据 "Hello World"
    response.end('Hello World\n');
}).listen(8888);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

以上代码我们完成了一个可以工作的 HTTP 服务器。

使用 node 命令执行以上的代码：

node server.js
Server running at http://127.0.0.1:8888/

接下来，打开浏览器访问 http://127.0.0.1:8888/，你会看到一个写着 "Hello World"的网页。

分析Node.js 的 HTTP 服务器：

第一行请求（require）Node.js 自带的 http 模块，并且把它赋值给 http 变量。
接下来我们调用 http 模块提供的函数： createServer 。这个函数会返回一个对象，这个对象有一个叫做 listen的方法，这个方法有一个数值参数，指定这个 HTTP 服务器监听的端口号。

3 coturn穿透和转发服务器

3.1 安装依赖

ubuntu系统

sudo apt‐get install libssl‐dev
sudo apt‐get install libevent‐dev

centos系统

sudo yum install openssl‐devel
sudo yum install libevent‐devel

3.2 编译安装coturn

git clone https://github.com/coturn/coturn
cd coturn
./configure
make
sudo make install

3.3 查看是否安装成功

# nohup是重定向命令，输出都将附加到当前目录的 nohup.out 文件中； 命令后加 & ,后台执行起来后按ctr+c,不会停止
sudo nohup turnserver ‐L 0.0.0.0 ‐a ‐u lqf:123456 ‐v ‐f ‐r nort.gov &

#然后查看相应的端口号3478是否存在进程
sudo lsof ‐i:3478

3.4 测试地址，请分别测试stun和turn

Coturn是集成了stun+turn协议。

测试网址：

https://webrtc.github.io/samples/src/content/peerconnection/trickleice/