H5S视频平台是一个支持Windows Linux(CentOS ubuntu) 视频管理平台。
集成多种品牌多种格式视频,通过视频应用引擎将多种格式的视频数据转换为统一的视频数据,不需要在平台上安装多种视频插件,能够在平台界面上进行多种品牌多种格式的视频流畅播放,提高集成视频便利性、使用方便性、可扩展性,提高平台的简洁性。
同时可以设置某一时间段的流媒体信息进行存储,也能将某一时段的视频导入进行播放。
有幸参与隧道监控平台项目的视频开发-对接零视平台的H5s技术
,rtsp(实时流传播协议),在vue项目中(无插件,通过摄像机视频源直播监控,亲测可用)
在VUE项目中的使用 需要引入两个js文件 h5splayer.js,h5splayerhelper.js 并且这两个js文件必须向外暴露
import { H5sPlayerWS, H5sPlayerRTC } from './h5splayer.js'
function H5siOS() {
var iDevices = [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'
]
if (navigator.platform) {
while (iDevices.length) {
if (navigator.platform === iDevices.pop()) { return true }
}
}
return false
}
function H5sPlayerCreate(conf) {
var player
if (H5siOS()) {
player = new H5sPlayerRTC(conf)
} else {
player = new H5sPlayerWS(conf)
}
return player
}
function H5sPlayerDelete(player) {
// delete player;
return true
}
export { H5siOS, H5sPlayerDelete, H5sPlayerCreate }
PlayVideo(token, strSession) {
this.inputtoken = token
this.currtoken = token
this.strSession = strSession
if (this.h5handler !== undefined) {
this.h5handler.disconnect()
delete this.h5handler
this.h5handler = undefined
}
var conf1 = {
videoid: this.h5videoid,
protocol: 'http:', // 'http:' or 'https:'
host: this.$store.state.user.h5Shost, // 'localhost:8080'
rootpath: '/', // '/'
token: token,
streamprofile: 'main', // {string} - stream profile, main/sub or other predefine transcoding profile
hlsver: 'v1', // v1 is for ts, v2 is for fmp4
session: strSession, // session got from login
consolelog: 'true' // 'true' or 'false' enable/disable console.log
}
this.h5handler = H5sPlayerCreate(conf1)
this.h5handler.connect()
}