H5S视频平台管理Web端

556 阅读1分钟
H5S视频平台是一个支持Windows Linux(CentOS ubuntu) 视频管理平台。
集成多种品牌多种格式视频,通过视频应用引擎将多种格式的视频数据转换为统一的视频数据,不需要在平台上安装多种视频插件,能够在平台界面上进行多种品牌多种格式的视频流畅播放,提高集成视频便利性、使用方便性、可扩展性,提高平台的简洁性。
同时可以设置某一时间段的流媒体信息进行存储,也能将某一时段的视频导入进行播放。

有幸参与隧道监控平台项目的视频开发-对接零视平台的H5s技术

使用H5Stream实现rtsp视频流播放\color{#FF0000}**使用H5Stream实现rtsp视频流播放**,rtsp(实时流传播协议),在vue项目中(无插件,通过摄像机视频源直播监控,亲测可用)

在VUE项目中的使用 需要引入两个js文件 h5splayer.jsh5splayerhelper.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()
}