EasyNVR无插件IPC摄像机直播方案前端构建之:如何区分PC端和移动端
来源:互联网 发布:大众软件电子版下载 编辑:程序博客网 时间:2024/06/06 09:40
EasyNVR前端为了更好的用户体验,不仅仅设有PC客户端,还适应移动客户端;
EasyNVR的客户端中PC端和移动端差异有很多。例如:
由于PC端、移动端自身硬件的差异,所需要展示的样式也会存在一定的差别;在摄像机接入类型是ONVIF时,EasyNVR视频实时播放界面中PC端会提供云台控制界面;而为了用户有一个更好的观感和体验,在移动端会隐藏该界面。
在初始加载时是如何判断出前端设备的类型的?
在全局中定义一个js方法;在需要区分客户端类型的地方自动执行该方法;
function isPC() { var ua = navigator.userAgent.toLowerCase(); var agents = ["android", "iphone", "symbianos", "windows phone", "ipad", "ipod" ]; var flag = true; for (var v in agents) { if (ua.indexOf(agents[v]) > 0) { flag = false; break; } } return flag; }
EasyNVR播放页面在加载时判断为PC端时将云台控制界面展示出来;
if(isPC()){ $("#ipcam_div").show(); }
如果需要细分到移动端的具体类型可以根据isPC中agents数组中具体元素来进行区分;区分pc端的浏览器类型可以根据navigator.userAgent来进行判断区分
关于EasyNVR
EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;
详细说明:http://www.easydarwin.org/easynvr/
获取更多信息
邮件:support@easydarwin.org
WEB:www.EasyDarwin.org
Copyright © EasyDarwin.org 2012-2017
阅读全文
0 0
- EasyNVR无插件IPC摄像机直播方案前端构建之:如何区分PC端和移动端
- EasyNVR H5无插件直播方案前端构建之:如何区分PC端和移动端
- EasyNVR无插件IPC摄像机直播方案前端构建之:区分页面是自跳转还是分享依据
- EasyNVR H5无插件直播方案前端构建之:如何播放HLS
- EasyNVR H5无插件直播方案前端构建之:区分页面是自跳转还是分享依据
- EasyNVR H5无插件直播方案前端构建之:实时直播的四分屏的前端展示
- EasyNVR H5无插件直播方案前端构建之:videojs初始化的一些样式处理
- EasyNVR H5无插件直播方案前端构建之:引用videojs无法自动播放
- EasyNVR H5无插件摄像机直播解决方案前端解析之:关于直播页面和视频列表页面切换的问题
- EasyNVR H5无插件摄像机直播解决方案前端解析之:如何在播放界面添加实时云台控制界面
- EasyNVR H5无插件直播方案前端构建之:播放界面添加实时云台控制界面
- EasyNVR H5无插件直播方案前端架构之:直播页面和视频列表页面切换的问题
- EasyNVR H5无插件摄像机直播解决方案前端解析之:videojs的使用
- EasyNVR H5无插件摄像机直播解决方案前端解析之:videojs初始化的一些样式处理
- EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放
- EasyNVR H5无插件摄像机直播解决方案前端解析之:监控实时直播的四分屏的前端展示
- EasyNVR H5无插件直播方案前端架构之:videojs的使用
- 基于EasyNVR二次开发实现自己的摄像机IPC/NVR无插件化直播解决方案
- 【Unity与23种设计模式】观察者模式(Observer)
- JS高级程序设计读书笔记——第3章
- EasyNVR无插件IPC摄像机直播方案前端构建之:区分页面是自跳转还是分享依据
- linux学习之路6 Vi文本编辑器
- 2017第36届西安春季广告标识办公印刷LED光电照明产业博览会会刊(参展商名录)
- EasyNVR无插件IPC摄像机直播方案前端构建之:如何区分PC端和移动端
- robotframework之frame元素定位
- 初学者的烦恼
- jquery validator简单使用,微复杂度密码校验,错误信息集中展示
- ucos_ii.h
- android之activity(页面)
- MYSQL的列值自增长:auto_increment(三)
- QT的exe文件移植到其他机器非png图片操作问题
- rpm包和tar包安装的mysql启动/关闭上存在不同