精华内容
下载资源
问答
  • H5STREAM support the HTML5 native video streaming and cloud video streaming through WEBRTB WEBSOCKET RTMP FLV. Below is all the technology we used for different browser. Features list Native ...
  • h5stream-master

    2018-06-29 15:30:33
    h5stream-master h5stream-master h5stream-master h5stream-master
  • 使用H5Stream开发实时监控系统

    万次阅读 热门讨论 2018-07-19 11:28:58
    这些天在尝试使用RTSP协议(Real Time Streaming Protocol,实时流传输协议)来完成实时传输和显示摄像头画面的功能,毕竟海康威视的web控件对高版本...H5Stream 在网上搜索web直播/摄像头直播等关键词找到了H5St...

    这些天在尝试使用RTSP协议(Real Time Streaming Protocol,实时流传输协议)来完成实时传输和显示摄像头画面的功能,毕竟海康威视的web控件对高版本Chrome不予支持,如果使用这一套技术的话,后续的系统就难以优化升级。而RTSP协议在市面上已经有一些H5的解决方案了,是一种发展可期的方案。

    H5Stream

    在网上搜索web直播/摄像头直播等关键词找到了H5Stream,这是一个可以基于Native H5 Video标签实现直播的解决方案。当然它也支持其他的RTMP/HLS等。

    发流服务通过RTSP地址从摄像头采集视频,在代码中可以通过配置文件进行配置。

    h5ss配置

    配置好摄像头信息后,我们启动发流服务h5ss.bat,开始进行client端的调试。

    在www目录下有一个demo.html,这是demo网页,打开该文件可以知道如何连接发流服务。

    在Vue项目中应用H5Stream的方法如下:

    (1)在static目录下新增这几个js(adapter.js,h5splayer.js,h5splayerhelper.js,platform.js),这些在demo中有提供。

    (2)在index.html中引用这些js

    h5ss配置

    (3)在vue页面调用API

    createH5Video() {
        let conf1 = {
            videoid: 'divPlugin',
            protocol: this.$store.state.config.H5_STREAM_SERVER_PROTOCOL,
            host: this.$store.state.config.H5_STREAM_SERVER_HOST,
            rootpath: '/',
            token: 'token1',
            hlsver: 'v1',
            session: 'c1782caf-b670-42d8-ba90-2342340ee83'
        }
        this.v1 = H5sPlayerCreate(conf1)
        this.v1.connect()
    },
    closeH5Video() {
        if (this.v1) {
            this.v1.disconnect()
            this.v1 = null
            $(".h5video").get(0).pause()
        }
    }
    

    运行代码,可以实时地看到摄像头画面!(打了码,哈哈)

    通过H5Stream看到的摄像头画面
    关注我

    展开全文
  • h5stream api中文手册

    2018-08-29 11:15:47
    h5stream的api中文文档,描述了h5stream的所有api相关操作。
  • H5stream 中文文档

    2018-12-05 14:31:42
    文档介绍了H5stream功能,接口, API等。另外包含了浏览器兼容性和配置文件介绍。
  • H5Stream播放RTSP流视频

    万次阅读 热门讨论 2018-08-16 17:38:07
    H5Stream入门级应用,播放RTSP流视频  看到网上关于的H5Stream的资料比较少,故本文介绍了H5Stream的入门级使用教程,播放摄像头的RTSP视频流和和本地测试视频。包括H5Stream的安装、配置。步骤如下: ...

    H5Stream入门级应用,播放RTSP流视频

      看到网上关于的H5Stream的资料比较少,故本文介绍了H5Stream的入门级使用教程,播放摄像头的RTSP视频流和和本地测试视频。包括H5Stream的安装、配置。步骤如下:

    https://github.com/linkingvision/h5stream

    api文档:

    https://www.linkingvision.com/download/documentation/h5stream/

    里面有下载链接:指向https://linkingvision.com/download/h5stream/

    mp4链接地址:https://linkingvision.com/download/h5stream/video/

    选择系统,release版即可。

    一、安装配置H5Stram

      ①  下载并解压H5Stream,(下载地址)(备用地址,密码:ekjd),解压后如下:

      

      ② 注册服务

        windows:

          执行安装目录windows批处理  regservice.bat 

        Linux: 

    1 cp h5ss.service /usr/lib/systemd/system/
    2 systemctl enable h5ss.service
    3 systemctl start h5ss.service

      ③ Windows下安装运行库:vs2017 redistributable,下载地址:

        x86

        x64

    二、直接使用本地服务测试

      ① 修改配置文件,修改媒体源

        在安装目录中,conf/h5ss.conf是默认配置文件,基于json,配置有两部分:系统配置和媒体源,(你可以删除这个文件,在程序启动时这个文件会再次自动生成) 

        媒体源配置在配置文件最下面,默认有两个配置,也可手动多添加几个,

     

    mp4地址:

    https://linkingvision.com/download/h5stream/video/h5ssample.mp4

    文件下载下来之后直接放安装根目录中就行了

     

      ② 配置修改完成后,启动程序,运行安装根目录下  h5ss.bat/h5ss.sh ,出现类似于以下内容代表启动成功:

      项目存放路径不要带中文,否则会启动失败!

      

      ③ 打开浏览器,输入localhost:8080

      

      摄像头显示内容就不展示了。。。。

      ④ 关于页面

        关于页面的编写可参考安装目录下的 www/index.html 

    展开全文
  • 部署H5stream浏览监控设备H5stream下载地址如何运行H5stream如何配置H5stream的conf文件未完待续。。。 H5stream下载地址 零视技术H5stream 下载地址 选择要下载的版本下载后可联系他们要测试license 如何运行H5...

    H5stream下载地址

    零视技术H5stream 下载地址
    选择要下载的版本下载后可联系他们要测试license
    在这里插入图片描述

    如何运行H5stream

    解压或者安装之后直接运行h5ss.bat或者h5ss.exe
    运行出问题可在文档中心寻找中文手册以解决问题
    在这里插入图片描述

    如何配置H5stream的conf文件

    conf文件夹中有h5ss.conf,这个文件是在h5ss运行后调用以获取你当前所设置的配置,修改后需重启服务
    "http""rtsp""rtmp""flv""hls""webrtc""system"这些基本不需要你去修改
    

    "cloud"这是在云级联时配置
    在这里插入图片描述
    strCloudIP是你需要注册的ip地址,当然现在也是有api去调用然后修改这个cloud的配置的
    至于api手册在上面提到的api文档中也是可以查到的
    “gb28181”

    未完待续。。。

    展开全文
  • h5stream API 中文手册 r7

    2018-11-03 10:14:43
    h5stream API 中文手册 r7,从官网下载下来的最新版,欢迎各位下载
  • H5stream下载地址

    2020-11-24 15:24:19
    https://linkingvision.com/download/h5stream/
    展开全文
  • LingkingVision H5Stream 播放RTSP 一、安装H5Stram https://linkingvision.com/download/h5stream/ 下载对应操作系统的版本。 二、配置H5Stream 1. 注册服务 windows下: 执行 regservice.bat 另外可能...
  • 最新的h5stream 中文 FAQ r7.pdf,常见问题说明FAQ,避免不必要的坑。
  • 用h5video和h5stream实现监控视频的播放--rtsp流

    千次阅读 多人点赞 2019-09-07 10:17:12
    这几天一直很头疼这个监控视频的问题,研究了很多方案,包括直接用video写,还有vue-video-player插件,最后还是通过h5stream实现了,方法很简单,下面我来简单总结一下。(我是用的vue-cli2) 第一步,先在唯一的...
  • h5stream 中文手册 r8.pdf

    2019-04-19 15:09:31
    最新详实的 h5stream 中文手册 r8.pdf,包括组网、云直播、内网直播、云推流、集群、协议说明等内容。
  • 海康威视的web控件对高版本Chrome不予支持,如果使用这一套技术的话,后续的系统就难以优化升级。而RTSP协议在市面上已经有一些H5的解决方案了,是一种发展可期的方案。h5stream就是一种比较不错的解决方案
  • 2019最新的 h5stream API 中文手册 r8.pdf,包括js调用,websocket播放、webrtc播放、HLS播放、RTMP播放等多种方式的开发接口
  • H5Stream配置视频源

    2021-01-12 10:53:26
    H5Stream配置视频源 配置视频源主要有两种:配置设备、配置sdk;主要说明两种配置配置方式区别。 方式一:设备方式 此方式可能不支持云台控制,摄像头比较少情况可采用此配置。 方式二:设备SDK 可能很多...
  • 从r12.0开始,h5stream 开始支持Docker部署,详细内容可以参考如下手册 ...
  • 看到网上关于的H5Stream的资料比较少,故本文介绍了H5Stream的入门级使用教程,播放摄像头的RTSP视频流和和本地测试视频。包括H5Stream的安装、配置。(此应用收费)步骤如下: 一、安装配置H5Stram  ① 下载并...
  • h5stream GB28181 版本体验

    千次阅读 2019-04-23 19:19:02
    随着GB28181 越来越成熟,国内大部分IPC和NVR都支持GB28181, GB28181 有一个非常大的优点,就是采用的注册机制,这样在内网的设备不需要NAT映射就可以在公网中访问,h5stream 支持了该属性。 准备: 1. h5s 8.3 ...
  • h5stream安装程序与API 中文手册,使用它可以实现Chrome浏览器播放rtmp,rtsp视频
  • 大家反馈H5Stream测试时用rtsp源由于一直要用网络摄像机,所以调试时不太方便,现在在3.1 版本加入文件源类型https://linkingvision.com/download/H5Stream/ 默认版本中使用了h5ssample.mp4 作为视频源,...
  • h5stream 从10.0 以后开始全面支持armv8 架构,包括鲲鹏CPU在内,支持国产的基于armv8 的多核arm CPU, 最新的版本可以在下面的的路径下载 https://linkingvision.cn/download/h5stream/armv8/ 下载后解压,并执行...
  • 基于前面的h5stream,网页中输入http://localhost:8085/ws.html?token=token1,能够实时显示视频,接下来单独研究学习一下网页中如何通过websocket显示视频。 ws.html <!DOCTYPE HTML> <html> <...
  • 这几天一直很头疼这个监控视频的问题,研究了很多方案,包括直接用video写,还有vue-video-player插件,最后还是通过h5stream实现了,方法很简单,下面我来简单总结一下。(我是用的vue-cli2)第一步,先在唯一的html...
  • h5stream 通过ONVIF 配置海康摄像机

    千次阅读 2019-04-26 11:36:40
    最近公司进了一批新的海康摄像机,发现在h5stream 配置ONIVF的时候没有办法连上摄像机,后来去摄像机里面看了一下,发现海康的摄像机 ONVIF服务默认关掉了。 可以参考如下启用ONVIF,添加一个ONIVF用户名和密码 ...
  • H5Stream介绍

    2021-04-09 11:45:20
    https://blog.csdn.net/jacke121/article/details/81745928 在这里插入图片描述 https://blog.csdn.net/jacke121/article/details/81745928
  • 网页中播放RTSP(2) H5Stream

    千次阅读 2019-10-11 13:32:04
    总的思路是全面的7种方法,RTSP转换成RTMP、WebSocket、WebRTC、HLS,再从网页中...1.H5Stream 官网:https://www.linkingvision.com/,或者https://www.linkingvision.cn/ 公司:零视技术(上海)有限公司 1.下...
  • vue项目使用H5Stream配置RTSP协议摄像头遇到的问题 问题一:执行regservice.bat不成功 执行显示"不是内部或外部命令,也不是可运行的程序 或批处理文件"。需要配置环境变量或给右键编辑给文件添加当前路径。 问题二...
  • H5STREAM 3.0随着H5STREAM的用户量越来越多,发现原先的设计也已经满足不了新的需求,比如配置部分,现在system配置是在一起的,配置越来越多,已经不方便管理。1.配置将分块管理,比如hls,将单独做成一个子节点。 ...
  • 在vue中使用H5Stream 参考上一篇文档:H5Stream使用 1、在vue中新建包,将下载的h5s-r10.6.0229.20-win64-release文件根目录下的www文件夹中的js放在里面,其中css也可以放在里面,也可以不用放 2、在vue的index....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 791
精华内容 316
关键字:

h5stream