webrtc学习笔记1

我想成为你噶叻叻猪

已于 2024-08-15 20:56:41 修改

阅读量179

点赞数 3

分类专栏： webrtc 文章标签： webrtc 学习笔记

于 2024-08-14 23:59:51 首次发布

本文链接：https://blog.csdn.net/ddddd_y/article/details/141202556

版权

webrtc 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

WebRTC开发环境

配置vscode

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

第一个简单的HTML页面

<html>
    <body>
        <h1>标题1</h1>

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

运行时
在这里插入图片描述

安装 nodejs

下载nodejs

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

解压文件

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

链接执行文件

1 # 确认一下nodejs下bin目录是否有node 和npm文件，如果有就可以执行软连接，比如
2 sudo ln ‐s /home/lqf/webrtc/nodejs/bin/npm /usr/local/bin/
3 sudo ln ‐s /home/lqf/webrtc/nodejs/bin/node /usr/local/bin/
4
5 # 看清楚，这个路径是你自己创建的路径，我的路径是/home/lqf/webrtc/nodejs
6
7 # 查看是否安装，安装正常则打印版本号
8 node ‐v
9 npm ‐v

第一个node.js程序

var http=require('http');

http.createServer(function(request,response){
    // 发送 HTTP 头部
    // 内容类型: text/plain
    // HTTP 状态值: 200 : OK
    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/');

在vs本地写完然后在vm运行运行代码(共享文件夹)
在这里插入图片描述
在windows端可以直接写ubuntu的ip:port

在ubuntu的浏览器可以直接127.0.0.1:8888

coturn穿透和转发服务器

安装依赖

ubuntu系统

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

centos系统

1 sudo yum install openssl‐devel
2 sudo yum install libevent‐devel

编译安装coturn

1 git clone https://github.com/coturn/coturn
2 cd coturn
3 ./configure
4 make
5 sudo make install

查看是否安装成功

1 # nohup是重定向命令，输出都将附加到当前目录的 nohup.out 文件中； 命令后加 & ,后台执行起来后按
ctr+c,不会停止
2 sudo nohup turnserver -L 0.0.0.0 -a -u xxx:123456 -v -f -r nort.gov &   (xxx:123456 用户名:密码)
3
4 #然后查看相应的端口号3478是否存在进程
5 sudo lsof ‐i:3478

在这里插入图片描述

测试地址，请分别测试stun和turn
Coturn是集成了stun+turn协议。
测试网址：https://webrtc.github.io/samples/src/content/peerconnection/trickle-ice/
在这里插入图片描述

我想成为你噶叻叻猪

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
webrtc学习笔记1

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

扫一扫

专栏目录