EasyPlayer.js网页H5 Web js播放器能力合集

2024-09-09 07:28

本文主要是介绍EasyPlayer.js网页H5 Web js播放器能力合集,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求:

需求

功性能

分类

需求描述

功能

预览

分屏模式

单分屏(单屏/全屏)

多分屏(2*2)

多分屏(3*3)

多分屏(4*4)

播放控制

播放(单个或全部)

暂停(暂停时展示最后一帧画面)

停止(单个或全部)

声音控制(开关/音量调节)

主辅码流切换

辅助功能

屏幕截图

屏幕录屏

电子放大

窗口显示模式(铺满、4:3、16:9、原比例)

回放

分屏模式

单分屏(单屏/全屏)

多分屏(2*2)

多分屏(3*3)

多分屏(4*4)

播放控制

播放(单个或全部)

停止(单个或全部)

暂停(暂停时展示最后一帧画面)

声音控制(开关/音量调节)

主辅码流切换

快进/快退(向前/后跳30s)

倍速播放(1/8、1/4、1/2、1、2、4、8)

时间条

单通道时绘制1个时间条

4通道时绘制4个时间条

8/16通道时绘制1个时间条

辅助功能

屏幕截图

屏幕录屏

录像导出
(按照选定时间片段,导出数据保存为MP4文件)

扩展

画面翻转

镜像(水平/垂直)、
翻转(0,90,180,270)

窗口排序

UI拖拽窗口位置进行移动

水印

播放器自定义水印、
截图加自定义水印

性能

时延

出图耗时

<2s

画面延时

<1s

解码能力

解码能力(软解)

能够处理1*4K4*1080P16*nHD
(受电脑CPU性能影响较大,且受限于PC内存)

解码能力
(硬解)

越大越好
(受电脑CPU性能影响较大,且受限于PC内存)

稳定性

长时间播放

无断连、无卡顿、无花屏、不积累延迟

兼容性

编码

视频

H264

H265

音频

G711A/G711U

G726

AAC

操作系统

PC

Windows(Win10及以上)
其它版本的市场占有率约6%

MacOS

Linux

国产系统

手机

Android

iOS

浏览器

浏览器

Chrome(Chrome 107及以上)

Edge(EdgeHTML 16及以上)

Opera(Opera 94及以上)

Firefox

Safari(16.4及以上)

GitHub - EasyDarwin/EasyPlayer.js: EasyPlayer.js H5播放器,是一款免费的能够同时支持HTTP、RTMP、HTTP-FLV、HLS(m3u8)直播与点播等多种协议,支持H.264、H.265、AAC等多种音视频编码格式,支持mse、asm、wasm等多种解码方式,支持Windows、Linux、Android、iOS全平台终端的H5播放器。EasyPlayer.js H5 Player support HTTP/RTMP/HTTP-FLV/HLS(m3u8) live streaming & vod streaming,support H.264/H.265/AAC video & audio codec,support mse/asm/wasm decode mode,support Windows/Linux/Android/iOS platform,EasyPlayer.js uses leading-edge technology.EasyPlayer.js H5播放器,是一款免费的能够同时支持HTTP、RTMP、HTTP-FLV、HLS(m3u8)直播与点播等多种协议,支持H.264、H.265、AAC等多种音视频编码格式,支持mse、asm、wasm等多种解码方式,支持Windows、Linux、Android、iOS全平台终端的H5播放器。EasyPlayer.js H5 Player support HTTP/RTMP/HTTP-FLV/HLS(m3u8) live streaming & vod streaming,support H.264/H.265/AAC video & audio codec,support mse/asm/wasm decode mode,support Windows/Linux/Android/iOS platform,EasyPlayer.js uses leading-edge technology. - EasyDarwin/EasyPlayer.jsicon-default.png?t=O83Ahttps://github.com/easydarwin/easyplayer.js

这篇关于EasyPlayer.js网页H5 Web js播放器能力合集的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1150529

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

【专题】2024飞行汽车技术全景报告合集PDF分享(附原数据表)

原文链接: https://tecdat.cn/?p=37628 6月16日,小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞,这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示,公司准备量产,并计划今年四季度开启预售小鹏汇天分体式飞行汽车,探索分体式飞行汽车城际通勤。阅读原文,获取专题报告合集全文,解锁文末271份飞行汽车相关行业研究报告。 据悉,业内人士对飞行汽车行业

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)

BUUCTF靶场[web][极客大挑战 2019]Http、[HCTF 2018]admin

目录   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 [web][HCTF 2018]admin 考点:弱密码字典爆破 四种方法:   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 访问环境 老规矩,我们先查看源代码

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

9.8javaweb项目总结

1.主界面用户信息显示 登录成功后,将用户信息存储在记录在 localStorage中,然后进入界面之前通过js来渲染主界面 存储用户信息 将用户信息渲染在主界面上,并且头像设置跳转,到个人资料界面 这里数据库中还没有设置相关信息 2.模糊查找 检测输入框是否有变更,有的话调用方法,进行查找 发送检测请求,然后接收的时候设置最多显示四个类似的搜索结果

禁止复制的网页怎么复制

禁止复制的网页怎么复制 文章目录 禁止复制的网页怎么复制前言准备工作操作步骤一、在浏览器菜单中找到“开发者工具”二、点击“检查元素(inspect element)”按钮三、在网页中选取需要的片段,锁定对应的元素四、复制被选中的元素五、粘贴到记事本,以`.html`为后缀命名六、打开`xxx.html`,优雅地复制 前言 在浏览网页的时候,有的网页内容无法复制。比如「360

使用JS/Jquery获得父窗口的几个方法(笔记)

<pre name="code" class="javascript">取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);如题: $(selector, window.top.document);//获得顶级窗口里面的元素 $(