如何实现基于WebRtc的rtsp流播放-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

如何实现基于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://kswsj.cn/article/iejech.html

其他资讯