H5s播放rtsp和rtmp视频
最近接触的几个项目都有对接视频的功能,目前国内视频厂商以海康和大华为主,其对应的视频流格式也不一致,导致对接起来很麻烦。有幸在客户那接触到一种新的视频对接解决方案,支持Html5标准。废话不多少,看一下使用方法:
1.下载地址
https://github.com/liweilup/h5stream
2.注册服务
执行regservice.bat
3.配置数据源
在安装目录中,conf/h5ss.conf是默认配置文件,基于json,配置有两部分:系统配置和媒体源,(你可以删除这个文件,在程序启动时这个文件会再次自动生成)
媒体源配置在配置文件最下面,默认有两个配置,也可手动多添加几个,
"src": [
{
"strNameComment": "name for this stream",
"strName": "Stream 1",
"strTokenComment": "token for this stream, must unique, if same, only first will be available",
"strToken": "token1",
"nTypeComment": "source type H5_FILE/H5_STREAM/H5_ONVIF",
"nType": "H5_STREAM",
"strUrlComment": "url(RTSP/RTMP...) or file path",
"strUrl": "rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov",
"strUserComment": "username",
"strUser": "admin",
"strPasswdComment": "password",
"strPasswd": "12345",
"bPasswdEncryptComment": "Password Encrypted",
"bPasswdEncrypt": false,
"bEnableAudioComment": "Enable Audio",
"bEnableAudio": false,
"nConnectTypeComment": "H5_ONDEMAND/H5_ALWAYS/H5_AUTO",
"nConnectType": "H5_AUTO",
"nRTSPTypeComment": "RTSP Connect protocol H5_RTSP_TCP/H5_RTSP_UDP/H5_RTSP_HTTP/H5_RTSP_HTTPS/H5_RTSP_AUTO",
"nRTSPType": "H5_RTSP_AUTO",
"strSrcIpAddressComment": "Ip Address for the device",
"strSrcIpAddress": "192.168.0.1",
"strSrcPortComment": "Port for the device",
"strSrcPort": "80",
"nChannelNumberComment": "Channel number (1-512)",
"nChannelNumber": 1,
"bOnvifProfileAutoComment": "ONVIF Auto select the video profile",
"bOnvifProfileAuto": true,
"strOnvifAddrComment": "ONVIF address (/onvif/device_service)",
"strOnvifAddr": "/onvif/device_service",
"strOnvifProfileMainComment": "ONVIF Main stream profile name",
"strOnvifProfileMain": "Profile_1",
"strOnvifProfileSubComment": "ONVIF Sub stream profile name",
"strOnvifProfileSub": "Profile_2",
"bRTSPPlaybackComment": "RTSP playback source",
"bRTSPPlayback": false,
"nRTSPPlaybackSpeedComment": "RTSP playback speed",
"nRTSPPlaybackSpeed": 1
},
{
"strNameComment": "name for this stream",
"strName": "Stream 2",
"strTokenComment": "token for this stream, must unique, if same, only first will be available",
"strToken": "token2",
"nTypeComment": "source type H5_FILE/H5_STREAM/H5_ONVIF",
"nType": "H5_FILE",
"strUrlComment": "url(RTSP/RTMP...) or file path",
"strUrl": "rtmp://58.200.131.2:1935/livetv/hunantv",
"strUserComment": "username",
"strUser": "admin",
"strPasswdComment": "password",
"strPasswd": "12345",
"bPasswdEncryptComment": "Password Encrypted",
"bPasswdEncrypt": false,
"bEnableAudioComment": "Enable Audio",
"bEnableAudio": false,
"nConnectTypeComment": "H5_ONDEMAND/H5_ALWAYS/H5_AUTO",
"nConnectType": "H5_AUTO",
"nRTSPTypeComment": "RTSP Connect protocol H5_RTSP_TCP/H5_RTSP_UDP/H5_RTSP_HTTP/H5_RTSP_HTTPS/H5_RTSP_AUTO",
"nRTSPType": "H5_RTSP_AUTO",
"strSrcIpAddressComment": "Ip Address for the device",
"strSrcIpAddress": "192.168.0.1",
"strSrcPortComment": "Port for the device",
"strSrcPort": "80",
"nChannelNumberComment": "Channel number (1-512)",
"nChannelNumber": 1,
"bOnvifProfileAutoComment": "ONVIF Auto select the video profile",
"bOnvifProfileAuto": true,
"strOnvifAddrComment": "ONVIF address (/onvif/device_service)",
"strOnvifAddr": "/onvif/device_service",
"strOnvifProfileMainComment": "ONVIF Main stream profile name",
"strOnvifProfileMain": "Profile_1",
"strOnvifProfileSubComment": "ONVIF Sub stream profile name",
"strOnvifProfileSub": "Profile_2",
"bRTSPPlaybackComment": "RTSP playback source",
"bRTSPPlayback": false,
"nRTSPPlaybackSpeedComment": "RTSP playback speed",
"nRTSPPlaybackSpeed": 1
}
4.启动服务
启动程序,运行安装根目录下 h5ss.bat/h5ss.sh
打开浏览器,输入localhost:8080(端口号是在h5ss.conf文件中配置)
H5s播放rtsp和rtmp视频的更多相关文章
- EasyNVR是怎么做到Web浏览器播放RTSP摄像机直播视频延时控制在一秒内的
背景说明 由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合也是大势所趋.传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都是都需要OCX Web插件进行直播.对 ...
- FreeSWITCH 对接RTSP和RTMP视频
在某些场景需要把摄像头或者其它推流视频加入FreeSWITCH.因此可以采用如下方式处理: 安装mod_vlc 然后在配置文件中加入 < action applicaiton="pla ...
- RTSP播放器或RTMP播放器常用的Evnet事件回调设计
很多开发者在开发RTSP或RTMP播放器的时候,不晓得哪些event回调事件是有意义的,针对此,我们以大牛直播SDK(github)的Android平台RTSP/RTMP直播播放端为例,简单介绍下常用 ...
- RTMP、RTSP、HTTP视频协议详解(转)
一.RTMP.RTSP.HTTP协议 这三个协议都属于互联网 TCP/IP 五层体系结构中应用层的协议.理论上这三种都可以用来做视频直播或点播.但通常来说,直播一般用 RTMP.RTSP.而点播用 H ...
- 各种RTMP直播流播放权限_音视频_数据花屏_问题检测与分析工具EasyRTMPClient
之前的一篇博客<网络摄像机IPCamera RTSP直播播放网络/权限/音视频数据/花屏问题检测与分析助手EasyRTSPClient>,我们介绍了RTSP流的检测和分析工具EasyRTS ...
- 【开源技术分享】无需流媒体服务,让浏览器直接播放rtsp/rtmp的神器:EasyMedia
不同于市面上其他需要各种转发到流媒体服务的中间件来说,EasyMedia不需要依赖任何nginx-rtmp,srs,zlmediakit等等第三方流媒体服务,只需要你有rtsp或者rtmp等等协议的视 ...
- 使用vlc播放器播放rtsp流视频
可参考: 使用vlc播放器做rtsp服务器 web网页中使用vlc插件播放相机rtsp流视频 使用vlc进行二次开发做自己的播放器 首先需要安装vlc播放器,下载及安装步骤略 使用vlc播放器播放rt ...
- 【FFmpeg】ffplay播放rtsp视频流花屏问题
问题描述:ffplay播放rtsp视频流时,播放过程中随机出现花屏现象. 基本流程学习:阅读ffplay源码,熟悉其播放rtsp视频流的基本流程. 在ffplay源码阅读和分析的基础上,画出了其播放r ...
- javaCV开发详解之3:收流器实现,录制流媒体服务器的rtsp/rtmp视频文件(基于javaCV-FFMPEG)
javaCV系列文章: javacv开发详解之1:调用本机摄像头视频 javaCV开发详解之2:推流器实现,推本地摄像头视频到流媒体服务器以及摄像头录制视频功能实现(基于javaCV-FFMPEG.j ...
随机推荐
- 【GStreamer开发】GStreamer播放教程05——色彩平衡
目标 亮度,对比度,色度和饱和度都是常见的视频调节参数,也是GStreamer里面设置色彩平衡的参数.本教程将展示: 如何发现可用的色彩平衡通道 如何改变它们 介绍 <GStreamer基础教程 ...
- 人机交互技术 Week 11_Data gathering
Summary: Different Kinds of Requirements Functional requirements Data requirements Environmental req ...
- Python中nonlocal的用法
class Text: def __init__(self): pass def big(self): n, m = 0, 0 def a(): nonlocal n n += 1 print(n) ...
- Python——继承
Python的继承是多继承机制,一个子类可以同时有多个直接父类:继承可以得到父类定义的方法,子类就可以复用父类的方法. 一.继承的语法 子类:实现继承的类. 父类(基类.超类):被继承的类. 子类继承 ...
- linux 下搭建go开发环境
- vm虚拟机啊安装操作
VMware下载与安装一.虚拟机的下载1.进入VMware官网,点击左侧导航栏中的下载,再点击图中标记的Workstation Pro,如下图所示. 2.根据操作系统选择合适的产品,在这里以Windo ...
- Linux上安装pstree命令(-bash: pstree: command not found)
一.pstree命令的安装 1.在 Mac OS上 brew install pstree 2.在 Fedora/Red Hat/CentOS yum -y install psmisc 3.在 Ub ...
- Python之网格搜索与检查验证-5.2
一.网格搜索,在我们不确定超参数的时候,需要通过不断验证超参数,来确定最优的参数值.这个过程就是在不断,搜索最优的参数值,这个过程也就称为网格搜索. 二.检查验证,将准备好的训练数据进行平均拆分,分为 ...
- 图片预先加载 preloadjs
<body><div class="loading"> <div class="progress"></div> ...
- html+css+javascript网页制作技巧总结1
(一)div.元素居中中显示方法: 1.宽度要有实际值或百分比值 2.margin:0px auto; 文本内容居中显示的方法: 1.text-align:center; 2.line-height: ...