免费视频直播、点播H5播放器SkeyeWebPlayer适配排除,移动端,常见移动端Web页面问题及解决方案
SkeyeVSS其独创的ws-rtsp流媒体直播技术,兼容传统安防流媒体的同时,不需要安装浏览器插件,解决互联网接入安防监控延迟高、起播慢等问题;支持全平台终端H5直播点播(PC、Web、Android、iOS)。
一般情况下SkeyeWebPlayer播放器的宽度是自适应,高度css 或者 new WebMediaPlayer()中的height参数来设置,常用的56.25 (56.25% 等于 16:9 )
1、移动端web禁止用户伸缩网页
我们可以使用viewport禁止放大和缩小,通常把user-scalable设置为0来禁止用户对网页视图的伸缩行为,完整的viewport信息:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
2、SkeyeWebPlayer 播放器在移动端使用
SkeyeWebPlayer 播放器默认情况下会根据屏幕宽度自动进行自适应,默认宽度等于100%,在外部盒子没有设置宽度的情况下,播放器的宽度与屏幕相等,在初始化播放器 height:0 或者不设置时,可以用css来设置hegiht。
new WebMediaPlayer(this.url,`skeyePlayer`,this.callbackFunc,{cbUserPtr: this,decodeType: 'auto',openAudio: 0,BigPlay: false,// Height: 0 // 56.25})<style>.player{height:100%; /*为100%时根据外层div的高度来显示 (也可设置排px)*/}
</style>
横屏模式模式下,
3、SkeyeWebPlayer 播放器在移动端强制横屏
通过css媒体查询判断横竖屏,并分别指定样式:
<template><div class="mobile"><div class="wrap"><div class="skeye-player" id="skeyePlayer"></div></div></div>
</template><style>.mobile {position: fixed;width: 100%;height: 100%;padding: 0;margin: 0;overflow: hidden;}.skeye-player {height: 100%;width: 100%;}@media screen and (orientation: portrait) {/*竖屏 CSS*/.wrap {position: absolute;width: 100vh;height: 100vw;top: 0;left: 100vw;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);transform-origin: 0% 0%;}}@media screen and (orientation: landscape) {/*横CSS*/.wrap {position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;}}
</style>
强制横屏如图:(强制通过页面 禁止app或手机的横竖屏的切换是不现实的,H5只能针对自身页面做适配!!!)
关于SkeyeVSS
SkeyeVSS是一款基于Web网页H5无插件直播点播的视频云融合管理系统:
-
支持 WEB 页面配置管理;
-
支持组织机构管理;
-
支持设备或平台通过GB/T28181协议接入;
-
支持IPC、NVR通过Onvif协议接入;
-
支持IPC、NVR通过RTSP协议接入;
-
支持设备状态管理, 可实时查看设备在线状态;
-
支持标准的RTSP协议输出;
-
支持基于WebSocket的RTSP协议输出;
-
支持全平台(PC/Android/iOS/微信/H5)观看;
-
支持 WebRTC、RTMP、HLS、HTTP-FLV、Websocket-FLV、RTSP 、Websocket-RTSP分发
-
支持网页端H5无插件播放、回放;
-
支持多分屏多路同时实时播放;
-
支持多分屏多路同时录像回放;
-
支持H264、H265视频解码播放;
-
支持云台控制,焦距缩放、预置点控制;
-
支持设备端录像、查询、回放;
-
支持服务端录像计划、时段查询和检索回放;
-
支持服务端录像自定义时段下载;
-
支持报警管理;
-
支持电子地图;
-
支持电视墙上墙管理;
-
支持GB/T28181国标协议级联;
-
支持用户管理,权限验证,播放鉴权;
-
支持Windows & Linux(ARM/国产操作系统)部署;
SkeyeVSS综合安防视频云服务, 提供一站式私有化部署视频安防综合管理系统解决方案。SkeyeVSS秉持网络化、集成化、智能化的理念,采用先进的软硬件开发技术,解决了综合安防系统集中管理、多级联网、信息共享、互联互通、多业务融合等问题。
SkeyeVSS其独创的ws-rtsp流媒体直播技术,兼容传统安防流媒体的同时,不需要安装浏览器插件,解决互联网接入安防监控延迟高、起播慢等问题;支持全平台终端H5直播点播(PC、Web、Android、iOS)。
详细说明:http://www.openskeye.cn/web/product/vss
获取更多信息
邮件:support@openskeye.cn
SkeyeVSS综合安防互联网无插件播放解决方案
SkeyeARS全景AR增强监视系统解决方案
SkeyeIVMS集群式视频云管控平台解决方案
Copyright © OpenSkeye Team 2018-2022
n/web/product/ivms?id=8c2d5507-08f1-48a8-a91b-1c15f6e7cc15)
Copyright © OpenSkeye Team 2018-2022