集RTMP、HLS、FLV,、WebSocket 于一身的网页直播/点播播放器方案EasyPlayer.js视频播放界面快照和拉伸按钮显示多个的处理流程

背景分析

EasyPlayer几乎涵盖了开发者所需的全部平台,尤其是在web端的EasyPlayer.js,极大地方便了开发者在解决B/S型业务开发时遇到的播放器接入的问题,比如:不懂前端的js代码、没有公网服务器放置这些js脚本和网页、微信对接入IP播放地址有限制等。

EasyPlayer.js适时地推出了一款非常优秀的工具页面,集 rtmp, hls, flv, websocket 于一身的网页直播/点播播放器, 使用简单, 功能强大,不论是测试,还是被集成,都很方便。

  • 支持m3u8播放;
  • 支持HTTP-FLV播放;
  • 支持RTMP播放;
  • 支持直播和点播播放;
  • 支持播放器快照截图;
  • 支持点播多清晰度播放;
  • 支持全屏或比例显示;
  • 自带的flash支持极速和流畅模式;
  • 自带的flash支持HTTP-FLV播放;
  • 自动检测IE浏览器兼容播放。

EasyPlayer.js解决快照和拉伸按钮显示多个的问题

提出问题

最近在使用EasyPlayer.js过程中,出现控制栏显示多个快照、拉伸按钮的问题。

分析问题
首先分析可见,谷歌浏览器的请求列表中视频流延迟比较大。自己本地测试,访问没有问题,初步判断网络问题。
然后对比分析,发现快照和拉伸这两个按钮因为网络原因初始化多次。

解决问题
我们可以通过在初始化按钮的地方加一下判断,判断按钮是否已经初始化了,一次避免多次初始化现象造成的多个按钮问题。

原文地址:https://www.cnblogs.com/TSINGSEE/p/11737928.html

时间: 2024-10-07 09:34:50

集RTMP、HLS、FLV,、WebSocket 于一身的网页直播/点播播放器方案EasyPlayer.js视频播放界面快照和拉伸按钮显示多个的处理流程的相关文章

rtmp直播视频流播放器(ckplayer)使用方法

摘要: 在我们编写项目时,也许会接触到一些视频的操作,普通视频流的话,例如Ogg.MPEG4.WebM这类后缀的文件,这几类文件都可以被h5的video标签解析,并不需要做解析操作,那么我们在项目中也会用到直播视频的格式,我在项目中就有涉及到直播的需求,是rtmp格式的直播视频流,起初我找了相关插件进行解析,有video.js插件包,还有ckplayer插件包,因为video.js没有深研究,所以使用的是ckpalyer,该插件能很好的解析rtmp格式的直播视频流,但是需要做一些配置: 第一步:

监控摄像头GB28181转RTMP、FLV、HLS、RTSP多种格式实现网页嵌入播放

摄像头接入 目前监控摄像头接入最通用的方式就是通过GB28181协议,此协议目前越来越普及.但是GB28181协议中视频流是RTP封装的PS流,不可以直接在WEB页面中播放,这一点让人有些小小的不开心...... 协议转换 WEB页面可以播放的格式有RTMP.FLV.HLS.Websocket等一些视频格式.因此我们需要做的事就是将摄像头的视频流转成这几种格式. 本人这里分享的是LiveGBS,通过它可以很轻松的直接将GB28181协议转换成了WEB端可以直播的格式 支持全屏播放.多窗口同时播放

CentOS6下基于Nginx搭建mp4/flv流媒体服务器(可随意拖动)并支持RTMP/HLS协议(含转码工具)

1.先添加几个RPM下载源 1.1)安装RPMforge的CentOS6源      [[email protected] ~]# wget -c http://pkgs.repoforge.org/rpmforge-release/rpmforge-release-0.5.3-1.el6.rf.x86_64.rpm      [[email protected] ~]# rpm –import http://apt.sw.be/RPM-GPG-KEY.dag.txt      [[email 

LiveQing高性能RTMP、FLV、HLS流媒体服务器软件-支持与企业MySQL数据库对接

青柿流媒体服务解决方案 LiveQing云平台直播点播流媒体服务 -LiveGBS国标GB28181无插件流媒体服务 LiveNVR安防Onvif/RTSP流媒体服务: 支持本地.内网.私有云部署:为企业视频能力建设,提供了视频点播转码.手机直播推流.云端录像存储计划.RTMP拉流推流服务.RTSP拉流推流服务.设备GB28181接入.Onvif云台控制等等能力,同时提供性能强大稳定的RTMP/HLS/RTSP/HTTP-FLV分发,支持H5页面无插件直播,强大的后台管理,详细的二次开发接口文档

[SRS流媒体]RTMP/HLS 直播服务器simple-rtmp-server安装

一个采用MIT协议授权的国产的简单的RTMP/HLS 直播服务器,其核心的价值理念在于简单高效. 使用方法: tep 1: build srs tar xf simple-rtmp-server-*.*.tar.gzcd simple-rtmp-server-*.*/trunk./configure --with-ssl --with-hlsmake step 2: start srs ./objs/simple_rtmp_server -c conf/srs.conf step 3(optio

最简单的基于Flash的流媒体示例:网页播放器(HTTP,RTMP,HLS)

本文继续上一篇文章,记录一些基于Flash的流媒体处理的例子.本文记录一些基于Flash技术的网页播放器.基于Flash的网页播放器相比于其他网页播放器来说最大的优势就是"免插件安装"了,这一点可以很大的提高用户的体验质量.早些时候网络视频(尤其是直播)一般都使用ActiveX控件作为视频播放器,而这些控件并不普及,所以终端用户必须下载相关的插件才能收看节目,因而对很多不熟悉电脑的用户造成了很大的障碍.直到Flash网页播放器的出现,这一障碍才得到了解决.本文将会记录几个常用的网页播放

nginx rtmp HLS直播

二.安装Nginx相关模块 1.环境准备 yum install –y pcre pcre-devel yum install –y zlib zlib-devel 2.下载nginx及rtmp模块 wget http://nginx.org/download/nginx-1.6.2.tar.gz tar xzvf nginx_1.6.2.tar.gz git clone git://github.com/arut/nginx-rtmp-module.git 3.编译nginx-rtmp ./c

搭建rtmp直播流服务之4:videoJS/ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

前面几章讲解了使用nginx-rtmp搭建直播流媒体服务器,以及使用ffmpeg推流到nginx-rtmp服务器,java通过命令行调用ffmpeg实现推流服务,后端的事情到这里就已经全部完成了. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二次开发就显得很有必要. 一.几种播放器选择 那么播放器,哪些已经不再更新的和收费的,这里不会介绍,只介绍两种轻量级的开源播放器. 1.

推荐下:开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !

视频播放, 原本是想h5 自带视频播放,使用很简单,结果现实很骨感. <video controls="controls" preload="auto" height="500" width="700"> <!-- Firefox --> <source src="mv.ogg" type="video/ogg" /> <!-- Safari/C