EasyNVR H5无插件直播方案前端构建之:如何区分PC端和移动端

EasyNVR前端为了更好的用户体验,不仅仅设有PC客户端,还适应移动客户端; EasyNVR的客户端中PC端和移动端差异有很多。例如: 由于PC端、移动端自身硬件的差异,所需要展示的样式也会存在一定的差别;在摄像机接入类型是ONVIF时,EasyNVR视频实时播放界面中PC端会提供云台控制界面...

2017-08-31 09:30:45

阅读数:166

评论数:0

EasyNVR H5无插件直播方案前端构建之:区分页面是自跳转还是分享依据

区分分享还是跳转 对于前端一些页面的展示,通常有两种方式:通过入口链接一步步进入,或是通过分享链接直接进入;对于这两种方式的区别是什么?在进行前端书写时又应该如何处理? 以EasyNVR为例来进行说明解释:EasyNVR通过视频广场界面可以进入到对应的通道内进行视频的观看; 为了方便用户,...

2017-08-31 09:27:27

阅读数:124

评论数:0

EasyNVR H5无插件直播方案前端构建之:引用videojs无法自动播放

关于videojs自动播放问题使用videojs来进行视频播放,videojs本身自带自动播放属性; 通过添加autoplay(),来完成视频播放的自动加载; player = videojs("video", { autoplay: true, ...

2017-08-29 17:14:23

阅读数:377

评论数:0

EasyNVR H5无插件直播方案前端构建之:播放界面添加实时云台控制界面

如何在播放器上加一个云台控制界面问题:对于实时直播的视频播放, 由于播放页面客观样式要求(一个播放器占据了整个页面),因此很难找出很合理的空间来放置其他功能按钮的位置(比如配合实时的云平台控制界面); EasyNVR配置中设有ONVIF探测功能;因此需要在视频播放界面添加了云台控制界面来展示...

2017-08-29 17:06:16

阅读数:699

评论数:0

EasyNVR H5无插件直播方案前端构建之:实时直播的四分屏的前端展示

完成运行效果图:一、四分屏展示样式布局1.通过html、css等来进行样式排版根据需求的四分屏的样式;来合理的划分出四个大块,分别用于放置四个播放器; 以四等分结构为例进行前端的排版;html样式布局: <div class="row col-sm-9 vide...

2017-08-29 16:51:49

阅读数:938

评论数:0

EasyNVR H5无插件直播方案前端架构之:直播页面和视频列表页面切换的问题

关于直播页面和视频列表页面切换 为了给用户更好的用户体验,并且更好的让用户快速简洁的了解实时的视频直播信息。一般多会分为列表展示和实时的视频直播展示。 EasyNVR在列表快照展示界面并没有进行视频流的播放,展示多为视频的快照信息、是否在线等信息; 而在实时四分屏展示界面不仅会展示实时的通道...

2017-08-29 16:43:53

阅读数:299

评论数:0

EasyNVR H5无插件直播方案前端架构之:videojs的使用

videojs的使用一、videojs的初始化加载 videojs初始化加载分为两中 1.标签式加载在引入videojs加载文件的前提下,可以在video标签中添加属性值“data-setup=’{}’”,并且在class属性中添加“video-js”;二者缺一不可;<video cla...

2017-08-29 16:40:45

阅读数:352

评论数:0

EasyNVR H5无插件直播方案前端构建之:videojs初始化的一些样式处理

初始化完成对videojs样式的调整由于不同项目的需要,对于加载出来的videojs播放器样式也有不同的需求;我们需要自主的处理一下加载出来的videojs播放器的样式;默认加载出来的会包含有暂停按钮、音量调节按钮、时间进度条、时间显示和全屏显示按钮等: 问题:如果我们进行播放的视频是直播视频,...

2017-08-29 16:30:23

阅读数:203

评论数:0

解决启动redis出现的creating server tcp listening socket *:6379: listen: unknown error

解决启动redis出现的creating server tcp listening socket *:6379: listen: unknown error在启动redis时总是提示unknow error;在本地的服务和进程中都没有出现redis;通过百度、Goggle没有找到合适的解决方法;与...

2017-08-19 16:59:05

阅读数:855

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭