平武建站

如何实现基于WebRtc的rtsp流播放

这篇文章主要介绍“如何实现基于WebRtc的rtsp流播放”，在日常操作中，相信很多人在如何实现基于WebRtc的rtsp流播放问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何实现基于WebRtc的rtsp流播放”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联于2013年创立，先为昭苏等服务建站，昭苏等地企业，进行企业商务咨询服务。为昭苏企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

先看一下效果：

如何实现基于WebRtc的rtsp流播放

使用h6的video标签，可正常全屏声音播放等。

下面说一下部署方式，部署方式有两种，第一种源码编译（需要科学上网），第二种docker安装，两种方式我都说一下

因为docker安装比较简单，先说第一种

  1. Dokcer部署

Dokcer安装自行百度，安装好之后执行如下命令：

docker run \
    -p 8888:8888/tcp \
    -p 5000-5050:5000-5050/udp \
    -e KMS_MIN_PORT=5000 \
    -e KMS_MAX_PORT=5050 \
    kurento/kurento-media-server:latest

如下图

如何实现基于WebRtc的rtsp流播放

如何实现基于WebRtc的rtsp流播放

安装好之后从日志上面可以看到websocket监听在8888端口上，上面的-p 8888:8888说明映射宿主机的8888端口，这样服务端就启动好了。接下来安装客户端，客户端直接安装在宿主机上面，从这个地址下载代码：https://github.com/lulop-k/kurento-rtsp2webrtc。下载之后按照他的说明依次执行，（如果是windwos就是用管理员身份运行cmd，mac或者ubuntu使用sudo）

  1. npm install -g bower

  2. cd kurento-rtsp2webrtc

  3. bower install

  4. npm install -g http-server

  5. http-server

第五条命令执行之后

如何实现基于WebRtc的rtsp流播放

这个时候访问：http://127.0.0.1:8080就可以看到第一张图的效果了，然后输入rtsp地址，点击start按钮就可以播放了

  1. 源码编译

源码编译对环境要求比较苛刻，按照官网的说明只能使用ubuntu16.04或者ubuntu18.04，这里我的环境使用18.04

  1. 确认可以科学上网

  2. 安装环境编译工具

sudo apt-get update && sudo apt-get install --no-install-recommends --yes \

    build-essential \

    ca-certificates \

    cmake \

    git \

    gnupg

  1. 添加key

apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 5AFA7A83

  1. 设置环境变量

export DISTRO="bionic"

sudo tee "/etc/apt/sources.list.d/kurento.list" >/dev/null <

deb [arch=amd64] http://ubuntu.openvidu.io/dev $DISTRO kms6

EOF

说明：16.04设置为：DISTRO=“xenial”

  1. 更新仓库

sudo apt-get update && sudo apt-get install --no-install-recommends --yes kurento-media-server-dev

  1. 下载源码编译

git clone https://github.com/Kurento/kms-omni-build.git

cd kms-omni-build

git submodule update --init --recursive

git submodule update --remote

export MAKEFLAGS="-j$(nproc)"
sudo ./bin/kms-build-run.sh

如下图

如何实现基于WebRtc的rtsp流播放

到此，关于“如何实现基于WebRtc的rtsp流播放”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！


名称栏目：如何实现基于WebRtc的rtsp流播放
文章出自：http://pwwzsj.com/article/iejech.html

其他资讯