OpenSKEYE的博客_SkeyeWebPlayer,SkeyeVSS,SkeyeARS

将海康大华等网络摄像机RTSP流采用websecket和H5进行RTSP网页无插件直播点播的技术方案

一. 背景分析随着移动互联网时代的到来，安防监控领域为了适应互联网的发展要求，首先由国内安防监控龙头企业（海康、大华）带头先后开发了萤石云、乐橙云等互联网视频云服务，为广大个人或者企业监控用户提供的优质的视频互联网监控服务；而事实上，不管是海康大华等老牌监控厂商、还是新兴的视频云服务提供上，基本上都是通过转RTMP、HLS等适应互联网发展要求的协议，来实现互联网网页或者移动端APP的直播点播。然后

流媒体

h5

云服务

H5无插件播放

监控互联网化

原创 2022-11-18 18:14:13 2691 阅读

SkeyeVSS综合安防监控Onvif、RTSP、GB28181安防协议互联网无插件直播点播解决方案

系统介绍SkeyeVSS是一个基于Web无插件直播点播的视频云综合监控管理系统:支持 WEB 页面配置管理;支持组织机构管理;支持设备或平台通过GB/T28181协议接入;支持IPC、NVR通过Onvif协议接入;支持IPC、NVR通过RTSP协议接入;支持设备状态管理, 可实时查看设备在线状态;支持标准的RTSP协议输出;支持基于WebSocket的RTSP协议输出;支持全平台（PC/Andro

服务器

流媒体

数据

rtsp

Onvif

原创 2022-11-16 17:20:39 563 阅读

如何快速构建一套稳定、高效、可靠的网页无插件直播点播系统？

目前直播流媒体市场已经比较成熟，比较出名的流媒体直播点播服务器有：1. 开源流媒体服务SRS2. 基于NGINX的RTMP直播点播开源流媒体服务器NGINX-RTMP-MODULE3. SkeyeVSS RTSP/RTMP/FLV/WS-RTSP/HLS流媒体服务器SRS开源流媒体服务SRS 简介SRS定位是运营级的互联网直播服务器集群，追求更好的概念完整性和最简单实现的代码。SRS提供了丰富的接

nginx

流媒体

服务器

SkeyeVSS

原创 2022-11-16 17:16:14 309 阅读

SkeyeWebPlayer.js H5播放器开发之播放器控制栏部分功能的实现（四）

SkeyeWebPlayer.js H5免费播放器[x] 支持Websocket-RTSP播放;[x] 支持 m3u8(HLS) 播放;[x] 支持 HTTP-FLV/WS-FLV 播放;[x] 支持 HEVC/H265 播放;[x] 支持直播和点播播放;[x] 支持全屏显示;[x] 支持重连播放；[x] 具有 H.264 + AAC 编解码器播放功能[x] HTTP FLV RTSP低延迟实时流

SkeyeWebPlayer

H5免费播放器

SkeyeWebPlayer开发

原创精选 2022-11-15 10:09:48 484 阅读 1点赞

SkeyeWebPlayer.js H5播放器开发之播放器video动态创建（三）

SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放，视频编码支持H.264，H.265，音频支持AAC，支持TCP/UDP协议，是一套极佳的且适合用于综合安防视频云服务播放组件，已经非常稳定、完整。功能包括：直播、录像、抓图，目前在功能性、稳定性、可扩展性和完整性极强的一款H5播放器！上一节加到编译flvjs播放器，

ide

h5

SkeyeWebPlayer

SleyeWebPlayer开发

原创精选 2022-11-15 10:07:10 1335 阅读 2评论

SkeyeWebPlayer.js H5播放器开发之webpack编译flv.js实现基础播放器功能（二）

SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放，视频编码支持H.264，H.265，音频支持AAC，支持TCP/UDP协议，是一套极佳的且适合用于综合安防视频云服务播放组件，已经非常稳定、完整。功能包括：直播、录像、抓图，目前在功能性、稳定性、可扩展性和完整性极强的一款H5播放器！SkeyeWebPlayer.j

h5

视频编码

直播流

FLV.js

SkeyeWebPlayer开发

原创精选 2022-11-15 10:05:08 380 阅读

SkeyeWebPlayer.js H5播放器开发之webpack项目创建级编译配置（一）

SkeyeWebPlayer.js H5播放器开发之播放器动态渲染video。动态渲染是采用js进行创建dom、添加dom、添加class、style等方式操作dom元素。最终将播放器编译成成一个独立的文件，在页面中引入js文件使用，本项目采用webstorm编辑器、webpack编译工具来开发以及发布。1.首先创建一个webpack项目。新建一个文件夹，如：webPalyer 。再 cmd 到

css

html

json

SkeyeWebPlayer

SkeyeWebPlayer开发创建项目

原创精选 2022-11-15 10:02:42 263 阅读

SkeyeWebPlayer.js H5播放器是怎么样炼成的

SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放，视频编码支持H.264，H.265，音频支持AAC，支持TCP/UDP协议，是一套极佳的且适合用于综合安防视频云服务播放组件，已经非常稳定、完整。功能包括：直播、录像、抓图，目前在功能性、稳定性、可扩展性和完整性极强的一款H5播放器！随着不断的发展和迭代，不断基于成

h5

html5

H5播放器

SkeyeWebPlayer

原创精选 2022-11-15 09:59:52 272 阅读

SkeyeWebPlayer.js WS-FLV、HTTP-FLV、WS-RTSP、HLS、WEBRTC视频直播与视频点播多协议H5播放器使用文档说明

SkeyeWebPlayer.js H5播放器，是一款能够同时支持HTTP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式，支持mse、wasm等多种解码方式，支持Windows、Android、iOS全平台终端的H5播放器。功能说明[x] 支持 m3u8/HLS 播放;[x] 支持 HTTP-FLV/WS-FLV 播放;

参数说明

h5

实例化

原创 2022-11-15 09:56:35 1190 阅读

SkeyeVSS综合安防视频云服监控录像模板配置功能实现及组件使用

SkeyeVSS综合安防视频云服务通过接入SkeyeRMS录像服务器实现对系统里的摄像机等设备录像，通过配置对应的录像模板，有效的对指定时段视频数据录像管理。配置方式简单、易操作，配置模板的基本样式如图：初始化录像模板组件数据更新回显选中回调新数据时间轴的操作（删除、保存、输入时间，时间段两端可拖动延长时间，拖动选中等）数据提交至后台1.左侧选择需要配置的模板（1）组件的初始化，基于jquery

SkeyeVSS

录像计划

录像计划模板

SkeyeRMS

原创 2022-11-15 09:50:54 107 阅读

SkeyeWebPlayer免费网页直播点播播放器-页面动态多播放器添加代码示例

强大的网页直播/点播播放器 SkeyeWebPlayer，使用简单，功能强大，终身免费使用，支持Windows、 Android、iOS平台。SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP、FLV、HLS等多种流媒体协议播放，视频编码支持H.264，H.265，音频支持AAC，支持TCP/UDP协议，是一套极佳的且适合用于综合安防视频云服务播放组

html

h5

android

SkeyeWebPlayer

H5播放265

原创 2022-11-15 09:47:44 190 阅读

SkeyeVSS综合安防监控录像回放下载功能实现源码

SkeyeVSS综合安防视频云服务通过接入SkeyeRMS录像服务器实现对系统里的摄像机等设备录像，通过配置录像模板，对所配置的录像时间段产生的视频数据进行存储，方便下载管理。1.判断当前设备是否有录像数据产生：如图：上面的图标表示设备已经配置了录像计划，点击图标加载对应设备的录像数据列表。2.展示录像列表（1）根据时间查询（开始与结束时间之间的录像数据）let startTime = momen

录像回放

录像下载

安防监控

GB28181

原创精选 2022-11-15 09:46:20 507 阅读

SkeyeVSS综合安防监控录像回放控制之自定义可拖动时间轴组件

SkeyeVSS综合安防视频云服务通过接入SkeyeRMS录像服务器实现对系统里的摄像机等设备录像，通过自定义的时间轴组件对录像记录进行加载渲染,播放器回调时间与下面时间轴相互联动，集拖动、点击、缩放、无限加载等于一体的时间轴组件。通过接口获取录像回放记录的列表，数据结构中包含每段录像的开始与结束时间，把每段记录绘制到时间轴上，左右拖动会自动触发日期的改变回调，再通过接口去获取对应日期的数据，方便

时间轴

时间段

SkeyeVSS

SkeyeWebPlayer

原创 2022-11-14 18:41:04 325 阅读

老牌安防流媒体RTSP协议如何在移动互联网新时代焕发第二春

众所周知，RTSP流媒体直播协议是目前最成熟、应用最广泛的流媒体协议，其不仅支持直播，也支持回放，更是目前安防行业的唯一指定的标准流媒体协议，没有之一。目前RTSP协议的定位变得非常尴尬，一方面我们需要通过各监控设备的WEB管理后台查看监控视频，另一方面我们不得不安装各大安防厂商（海康、大华、宇视）的浏览器插件，而随着互联网的发展，进入移动互联网时代和无插件直播时代，各大浏览器厂商纷纷淘汰浏览器插

流媒体服务器

流媒体协议

浏览器插件

RTSP

H5播放RTSP

原创精选 2022-11-11 09:53:30 752 阅读

淘汰的RTMP、HTTP-FLV、HLS直播技术，拥抱互联网直播的未来--WEBRTC、WEBSOCKET

随着移动互联网时代的到来，各大互联网厂商和流媒体协议组织涌现出丰富多彩各种各样的直播流媒体协议，其中比较出名的经典流媒体协议有RTMP/RTSP/HTTP-FLV/HTTP-HLS/WEBRTC等，协议简介如下：RTMPRTMP是Real Time Messaging Protocol（实时消息传输协议）的首字母缩写。该协议基于TCP，是一个协议族，包括RTMP基本协议及RTMPT/RTMPS/R

流媒体

流媒体协议

SkeyeVSS

webrtc

websocket

原创 2022-11-11 09:51:19 629 阅读

支持FLV/HLS/WEBRTC/WS-FLV/WS-RTSP直播、点播H5播放器SkeyeWebPlayer播放常见问题

免费视频直播、点播H5播放器SkeyeWebPlayer使用常见问题1、用常见问题——配置iframe允许自动播放和全屏SkeyeWebPlayer播放器在PC上正常情况下单击播放器的全屏按钮是可以全屏播放的，在使用时如果用到了iframe时，全屏按钮就会失效，需要设置如下 webkitallowfullscreen mozallowfullscreen allowfullscreen 即可：&l

h5

SkeyeWebPlayer

H5无插件直播

原创 2022-11-11 09:45:11 1392 阅读

支持FLV/HLS/WS-RTSP/WS-FLV/WEBRTC直播、点播H5播放器SkeyeWebPlayer适配移动端

免费视频直播、点播H5播放器SkeyeWebPlayer适配排除，移动端，常见移动端Web页面问题及解决方案SkeyeVSS其独创的ws-rtsp流媒体直播技术，兼容传统安防流媒体的同时，不需要安装浏览器插件，解决互联网接入安防监控延迟高、起播慢等问题；支持全平台终端H5直播点播（PC、Web、Android、iOS）。一般情况下SkeyeWebPlayer播放器的宽度是自适应，高度css 或者

移动端

h5

移动端无插件直播

H5无插件直播

原创 2022-11-11 09:41:28 2315 阅读

视频直播、点播H5播放器SkeyeWebPlayer 结合百度地图sdk实现电子地图播放功能

免费视频直播、点播H5播放器SkeyeWebPlayer 结合vue--map百度地图组件实现电子地图播放功能，最终效果如图所示：SkeyeWebPlayer播放器如何在vue--map百度地图组件中结合覆盖物点(bm-marker)、自定义覆盖物(bm-overlay)等，实现在百度地图上方播放实时视频流，（支持FLV、HLS、RTSP、WS-FLV/WS-RTSP、WEB

电子地图

视频监控

H5无插件直播

原创精选 2022-11-11 09:37:47 414 阅读

播放器SkeyeWebPlayer多分屏（九宫格）、拖动（拖入分屏播放）、双击分屏放大缩小等功能的使用

免费视频直播、点播H5播放器SkeyeWebPlayer多屏（九宫格）、双击分屏放大缩小、拖动（拖入分屏播放）等功能的使用。1.SkeyeWebPlayer多屏（九宫格）布局切换，一般采用1、4、9、16、25、36屏等分屏布局点击分屏按钮进行屏幕分割，下拉更多选择分屏方式可以切换2.分屏双击分屏放大缩小在分屏区域内双击可放大整个区域，再双击可还原分屏。--vue--<div class="

分屏

h5

SkeyeWebPlayer

HTML5无插件播放器

原创 2022-11-10 10:28:31 1982 阅读

关于H5播放器SkeyeWebPlayer断线重连问题

1、SkeyeWebPlayer免费视频直播、点播H5播放器：（1）、支持m3u8播放;（2）、支持-FLV播放;（3）、支持直播和点播播放;（4）、支持全屏或比例显示;（5）、支持播放器快照截图;2、SkeyeWebPlayer会自动重连解决网络、操作造成断流的播放问题（1）、打开一个监控视频（播放直播）（2）、先停止推流（3）、再次开启推流（4）、播放器自动重连继续播放3、展示效果获取

h5

SkeyeWebPlayer

断线重连

原创 2022-11-10 10:22:19 417 阅读

视频直播、点播H5播放器SkeyeWebPlayer如何自适应div宽高播放视频

1、根据div宽高自适应显示播放(1)、通过设置播放器容器的样式，来使播放器宽高自适应<style> .web-media-player { position: relative; width: 500px !important; height: 300px !important; }</style><section cla

skeyewebplayer

H5无插件直播

div自适应宽高

原创 2022-11-10 10:19:21 405 阅读 1收藏

在html项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器

1、直接在html文件中使用SkeyeWebPlayer.js播放器<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>SkeyeWebPlayer播放器</title> <link rel="shortcut icon" hre

html

h5无插件播放器

SkeyeWebPlayer

原创 2022-11-10 10:14:52 541 阅读 1收藏

在VUE项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器

####1、下载SkeyeWebPlayer.js文件下载地址####2、将下载好的文件放到src/static目录下####3、引入方式 ######(1)、在入口页面index.html中引入SkeyeWebPlayer.js<html> <head> <title>template</title> &

VUE

无插件H5播放

SkeyeWebPlayer

原创 2022-11-10 09:59:24 1340 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

OpenSKEYE的博客

将海康大华等网络摄像机RTSP流采用websecket和H5进行RTSP网页无插件直播点播的技术方案

SkeyeVSS综合安防监控Onvif、RTSP、GB28181安防协议互联网无插件直播点播解决方案

如何快速构建一套稳定、高效、可靠的网页无插件直播点播系统？

SkeyeWebPlayer.js H5播放器开发之播放器控制栏部分功能的实现（四）

SkeyeWebPlayer.js H5播放器开发之播放器video动态创建（三）

SkeyeWebPlayer.js H5播放器开发之webpack编译flv.js实现基础播放器功能（二）

SkeyeWebPlayer.js H5播放器开发之webpack项目创建级编译配置（一）

SkeyeWebPlayer.js H5播放器是怎么样炼成的

SkeyeWebPlayer.js WS-FLV、HTTP-FLV、WS-RTSP、HLS、WEBRTC视频直播与视频点播多协议H5播放器使用文档说明

SkeyeVSS综合安防视频云服监控录像模板配置功能实现及组件使用

SkeyeWebPlayer免费网页直播点播播放器-页面动态多播放器添加代码示例

SkeyeVSS综合安防监控录像回放下载功能实现源码

SkeyeVSS综合安防监控录像回放控制之自定义可拖动时间轴组件

老牌安防流媒体RTSP协议如何在移动互联网新时代焕发第二春

淘汰的RTMP、HTTP-FLV、HLS直播技术，拥抱互联网直播的未来--WEBRTC、WEBSOCKET

支持FLV/HLS/WEBRTC/WS-FLV/WS-RTSP直播、点播H5播放器SkeyeWebPlayer播放常见问题

支持FLV/HLS/WS-RTSP/WS-FLV/WEBRTC直播、点播H5播放器SkeyeWebPlayer适配移动端

视频直播、点播H5播放器SkeyeWebPlayer 结合百度地图sdk实现电子地图播放功能

播放器SkeyeWebPlayer多分屏（九宫格）、拖动（拖入分屏播放）、双击分屏放大缩小等功能的使用

关于H5播放器SkeyeWebPlayer断线重连问题

视频直播、点播H5播放器SkeyeWebPlayer如何自适应div宽高播放视频

在html项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器

在VUE项目中添加使用SkeyeWebPlayer.js直播点播H5免费播放器

欢迎