在html技术中目前是没法直接使用现有的web技术进行播放rtsp直播数据流的,下面总结了能够是web播放rtsp直播流的方法。只是本身备用。css
1.1,WebChimera.js WebChimera.js使libVLC直接绘制到JS端的原始数组(Uint8Array)中。而后它将这个数组放入一个纹理并在一个画布元素上绘制它在node.js/io.js/Node-Webkit/NW.js/Electron中使用。能够像普通js同样的使用。
官方地址
Github地址
官方讨论区(通常是做者进行解答)html
1.2,wcjs-player(目前项目使用的就是此) wcjs-player是一个封装了WebChimera.js的播放器。一些播放器的基本的样式已经作好,不须要从新编写播放器样式。
Github地址node
1.3,注意点: 1.目前wcjs-player只在nw-0.12.3的版本上跑成功。并且在使用时因为nw-0.12.3不支持如今比较新的js语法。须要把wcjs-player依赖的部分模块中的js代码中以()=>{}格式定义函数的改成function (){}便可。可使用如下脚本进行替换
脚本地址linux
2.在播放页面的head中必须含有<style></style>标签。stytle中能够没有样式内容,可是使用wcjs-player时wcjs-player会查找head中的style进行插入css样式。 3.必须设置vlc plugins的路径。(能够把vlc的安装路径加入到path中或在WebChimera.js中加入plugins。以下图)(若是报出找不到WebChimera.js.node有多是没有找到plugins。plugins要和WebChimera.js.node在同一个目录下面) 4.plugins要和WebChimera.js.node放在同一目录下。
1.4简单使用案例 1.使用方法 双击run.bat或者把整个test文件拖到nw.exe上进行运行。
案例下载地址git
2.1 H5stream H5S is a HTML5 streaming server, HTML5 RTSP Gateway
gihub地址github
2.2 H5stream使用 1.下载源码下来进行编译,编译出可执行文件之后执行 ./h5ss rtsp://192.168.0.1/stream1 admin admin 起服务。 ./h5ss RTSPURL username password (username和password能够填空) 2.http(https)://localhost:8801(8843) 链接此服务便可播放
案例下载地址
也可查看官方给出的使用案例web
网页使用npapi-vlc进行调用vlc的插件进行播放rtsp的数据流。注意在安装vlc是注意选择支持npai的选项。在使用时要使用低版本的nw.目前使用nw-0.12.3可使用。注意在nw.exe同目录下建立plugins,把npapi插件放进去。 也能够本身编译npapi 能够参考一下的资料
这有一个简单的使用案例能够参考使用
案例下载地址数组
以上使用在页面中播放rtsp视频流的方法。还有其的方式能够播放,本人认为这三种比较好使用。svg