mediasoup-demo公网部署

作者: 继续奔跑的攻城狮 | 来源:发表于2020-04-29 20:43 被阅读0次

服务器环境

CentOS7
Node.js v14.17.5
GCC v9.1.1
Python 2.7.5 （3也没问题，不过要注意编译脚本需要的python的命令，对python3做个软链接好了）

node.js安装

通过nvm安装的node.js开发运行环境 (这里获取最新的nvm install script)

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

完成后，退出再登陆，使环境变量生效。

如果安装出错，移除nvm也很方便，记一下
cd ~
rm -rf .nvm
同时删除~/.profile, ~/.bash_profile, ~/.zshrc, ~/.bashrc文件中关于nvm的配置
比如.bashrc里的export NVM_DIR 那段语句删除，其他类似

这里补充一下：
sudo su -
注意后面的-，su 后面不加用户是默认切到 root。su 是不改变当前环境变量，su - 是改变为切换目标用户的环境变量，也就是说su只能获得root的执行权限，不能获得root的环境变量，而su -是切换到root并获得root的环境变量及执行权限。

安装node.js v14.17.5(目前官网的LTS版)

nvm ls-remote
nvm install 14.17.5
npm install -g node-gyp
npm install -g gulp-cli

node-gyp gulp-cli 有的时候不需要单独运行安装指令，你如果遇见相关的问题提示，就单独安装一下好了。

GCC新版安装

CentOS7默认的gcc版本是v4.8.5，mediasoup由于用了大量c++11特性，要求>= 4.9。编译安装太麻烦了，我直接运行下面的命令安装v9。

sudo yum install centos-release-scl
sudo yum install devtoolset-9-gcc*
scl enable devtoolset-9 bash
which gcc
gcc --version

注意，重新登录后运行下 scl enable devtoolset-9 bash 进行切换就好了，否则还是默认的版本。

自签名证书

v3新版本demo没有生成证书，需要自行生成证书并且放置相对应的目录。
如果你有自己的域名和证书是最好了，如果没有生成针对IP的自签名证书，也没有问题，测试足够了。只是使用过程中，建议使用FireFox或者Safari，他们打开自签名的https网站，可以让你选择忽略安全继续打开。而Chrome貌似只能通过命令行方式打开才能忽略安全问题，略麻烦。

使用如下命令生成 HTTPS 协议使用的公钥和私钥对，其中key表示私钥，crt表示公钥：

openssl req -new -newkey rsa:1024 -x509 -sha256 -days 3650 -nodes -out fullchain.pem -keyout privkey.pem

会让输入一些相关信息，直接回车忽略好了
生成证书后，将证书和私钥文件复制到 mediasoup-demo/server/certs 目录下。（mkdir -p certs）

mediasoup-demo

下载demo源码，只需要下载demo，后续安装编译会自动下载到需要的代码，而且目前的默认分支其实已经是v3了。

git clone https://github.com/versatica/mediasoup-demo.git
cd mediasoup-demo
git checkout v3

代码有4个目录

aiortc // 不知道是什么鬼，还没看
app // 客户端代码
broadcasters // 用户推流模块，比如用FFmpeg推流到mediasoup。
server // 服务端代码，包括信令服务+媒体服务

编译安装server

cd server
npm install

会下载node需要的module，其中c++部分的mediasoup代码会下载到 mediasoup-demo/server/node_modules/mediasoup 目录下，这个目录其实就是 mediasoup ，这个项目worker目录下是c++，后续自己有修改后直接make就可以。

结束会有提示

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 791 packages from 414 contributors and audited 792 packages in 99.474s
26 packages are looking for funding
run npm fund for details

found 11 vulnerabilities (7 low, 2 moderate, 2 high)
run npm audit fix to fix them, or npm audit for details

先不管这些，并不影响实际的使用，相关资料可以看一下npm文档。

接下来根据实际修改配置文件，从 config.example.js 复制一份修改就好。

cp config.example.js config.js
vi config.js

主要有几个地方

自签名证书和https信令监听端口
上面已经将证书拷贝到certs目录下了，因此也就不需要修改config里面的目录设置了。

https  :
        {
                listenIp   : '0.0.0.0',
                // NOTE: Don't change listenPort (client app assumes 4443).
                listenPort : process.env.PROTOO_LISTEN_PORT || 4443,
                // NOTE: Set your own valid certificate files.
                tls        :
                {
                        cert : process.env.HTTPS_CERT_FULLCHAIN || `${__dirname}/certs/fullchain.pem`,
                        key  : process.env.HTTPS_CERT_PRIVKEY || `${__dirname}/certs/privkey.pem`
                }
        },

listenIp配置项有的资料表示需要改成本机的公网IP，但是我用0.0.0.0，也没发现有问题。注意这里的4443端口，也许浏览器也要单独访问下https://xxx.xxx.xxx.xxx:4443/ 忽略安全问题放行，否则你的wss连接会被拒绝，比如Firefox。
这里还可以修改信令监听的端口4443，但是要注意对应修改客户端的配置了！（看下面gulp的说明）

webRtcTransportOptions 和 plainTransportOptions（xxx.xxx.xxx.xxx是你的公网IP）

listenIps :
        [
                {
                        // ip          : process.env.MEDIASOUP_LISTEN_IP || '1.2.3.4',
                        ip          : process.env.MEDIASOUP_LISTEN_IP || 'xxx.xxx.xxx.xxx',
                        // announcedIp : process.env.MEDIASOUP_ANNOUNCED_IP
                        announcedIp : process.env.MEDIASOUP_ANNOUNCED_IP || 'xxx.xxx.xxx.xxx'    
                 }
        ],

ip配置我用'0.0.0.0'也能使用，有的资料显示配置成本机的内网IP也可以正常运行，原因以后再深究吧。我测试配置的都是公网IP。

RTP 传输端口范围

                workerSettings :
                {
                        logLevel : 'warn',
                        logTags  :
                        [
                                'info',
                                'ice',
                                'dtls',
                                'rtp',
                                'srtp',
                                'rtcp',
                                'rtx',
                                'bwe',
                                'score',
                                'simulcast',
                                'svc',
                                'sctp'
                        ],
                        rtcMinPort : process.env.MEDIASOUP_MIN_PORT || 15000,
                        rtcMaxPort : process.env.MEDIASOUP_MAX_PORT || 15100
                },

这里将RTP的服务端口范围设置为15000～15100，需要对公网开放这个范围内的UDP端口访问权限。

启动 npm start

安装客户端App

cd app
npm install

如果报错

npm ERR! code EINVALIDTAGNAME
npm ERR! Invalid tag name ">=^16.0.0": Tags may not have any characters that encodeURIComponent encodes.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2021-08-27T08_18_32_998Z-debug.log

改成

npm install --legacy-peer-deps

启动 npm start，这个App启动如果是在Desktop版Linux上，会自动运行起来默认浏览器，服务器上当然忽略。

因为客户端默认监听在 3000 端口，当需要更该客户端默认监听端口时，需在 mediasoup-demo/app/gulpfile.js 文件中的 browserSync 添加端口配置，如下：

                browserSync(
                        {
                                open      : 'external',
                                host      : config.domain,
                                // port      : xxxx,                 // 不加就是gulp默认的3000端口
                                startPath : '/?info=true',
                                server    :
                                {
                                        baseDir : OUTPUT_DIR
                                },
                                https     : config.https.tls,
                                ghostMode : false,
                                files     : path.join(OUTPUT_DIR, '**', '*')
                        });

如果上面config.js里修改了https的默认4443端口，那么记住同时要修改 mediasoup-demo/app/lib/urlFactory.js 文件中的端口：

let protooPort = 4443;

修改完成后，重新使用 gulp 打包客户端代码发布到 mediasoup-demo/server/public 路径下。

打开本地机器的浏览器测试吧！

https://xxx.xxx.xxx.xxx:3000/
这里要补充下，如果是Safari，提示安全问题，忽视进入就可以了。
如果是Firefox，还需要单独访问下 https://xxx.xxx.xxx.xxx:4443/ ，忽略安全问题，继续，否则wss连接会被拒绝。

用https://xxx.xxx.xxx.xxx:3000/访问会随机分配一个roomid，另一个客户端就可以带上这个roomid加入，比如
https://xxx.xxx.xxx.xxx:3000/?roomId=0umla1f2&info=true&forceH264=true
参数info=true会打开统计栏，forceH264=true会强制使用H264。放个图

H264 两台不同机器上的客户端

网友评论

本文标题：mediasoup-demo公网部署

本文链接：https://www.haomeiwen.com/subject/swgnwhtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！