您当前的位置:首页 > 电脑百科 > 程序开发 > 开源程序 > 百科

开源项目评测之Html5视频播放器推荐

时间:2021-09-17 11:58:02  来源:  作者:IT宇哥

Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的html5 播放器插件分享给大家。(排名不分先后)

  1. Ckplayer

ckplayer是一款在网页上播放视频的开源软件,主要特点是:开源,功能强大,不依赖其它插件,二次开发方便。

ckplayer基于MIT协议开源。

开源项目评测之Html5视频播放器推荐

ckplayer示例图

当家官网最新版本是X2,更新时间:2020.09.20。

软件下载后,使用到的文件如下:

 

开源项目评测之Html5视频播放器推荐

ckplayr 文件

一般项目只用到ckplayer.min.js 、ckplayer.swf、language.json、sytle.json 总大小不超过700k。

ckplayer 支持flv、mp4、m3u8、webm等。

功能上常用的播放控制、弹幕、贴片广告都支持。

2、 Media-element.js

HTML5<audio>或<video>播放器,支持MP4、WebM和MP3,以及HLS、Dash、YouTube、Facebook、SoundCloud和其他具有通用HTML5 MediaElement API的播放器,在所有浏览器中实现一致的UI。

 

开源项目评测之Html5视频播放器推荐

media-element.js 示例图

支持视频和音频播放,主要强调在多终端上的界面一致性。

最新版本4.2.17,更新日期:2021-7-6

 

开源项目评测之Html5视频播放器推荐

media-element 所需文件截图

使用基本功能只需要
mediaelement-and-player.min.js、renderers/vimeo.min.js、renderers/twitch.min.js,大小在300k左右,非常小巧。

重点:提供插件机制,通过插件可以实现常见的播放列表、AirPlay、位置标记、视频预览等功能。

3、 VideoJs

开源HTML5和Flash视频播放器。目前多很大厂在使用。官网宣称世界上最流行的开源html5播放器。

 

开源项目评测之Html5视频播放器推荐

video.js

支持的视频格式有:mp4,webm,ogv。

最新版本7.14.3, 更新时间:2021-7-27

开源项目评测之Html5视频播放器推荐

video.js 文件

文件大小约:700k。

4、 Dplayer

非常可爱的html5 弹幕视频播放器。主打弹幕功能,支持MP4、HLS、FLV、WebTorrent播放,提供弹幕接口。

 

开源项目评测之Html5视频播放器推荐

 

国人开发,有中文文档。国内很多公司在用。

最新版本v1.26.0 更新日期:2020-6-11

 

开源项目评测之Html5视频播放器推荐

dplayer文件

基本功能使用文件大小161k. 另外也提供了很多插件供使用。

5、 Xgplayer

西瓜视频播放器(HTML5)、一款带解析器、能节省流量的HTML5视频播放器。字节跳动提供的开源视频播放器。

  • PC Web端支持直接播放mp4视频,播放HLS、FLV、MPEG-DASH需要浏览器支持Media Source Extensions
  • IOS系统Web场景支持直接播放mp4和HLS,不支持播放FLV、MPEG-DASH
  • Android/ target=_blank class=infotextkey>安卓系统Web场景支持直接播放mp4和HLS,播放FLV、MPEG-DASH需要浏览器支持Media Source Extensions

 

 

开源项目评测之Html5视频播放器推荐

 

中文文档写得很非常全面。支持airplay、弹幕等功能。

支持视频、音频播放。基于插件机制,提供了丰富的插件来扩展播放器的功能。官网提供在线生成器来简化各种参数的配置,如下图:

 

开源项目评测之Html5视频播放器推荐

 

推荐使用。

今天为大写整理了5个优秀的开源视频播放器的内容,后期会再更新各个播放器的详细使用并进行详细的评测,谢谢大家。



Tags:播放器   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件&mdash;&mdash;MuiP...【详细内容】
2021-12-16  Tags: 播放器  点击:(22)  评论:(0)  加入收藏
媒体爆料称:近期,老牌音乐播放器Winamp宣布回归,官方网站也大改后重新上线。官方表示:不只是简单更新而是全面重制。新的Winamp 将推出适用于 Windows、macOS 和移动平台的多合...【详细内容】
2021-11-26  Tags: 播放器  点击:(23)  评论:(0)  加入收藏
前言前段时间写的Python自制一款炫酷音乐播放器,有不少小伙伴私信我,对播放器提了不少改进建议,让我完善播放器的功能。今天音乐播放器2.0版本完成了,大家一起来看看是如何用pyt...【详细内容】
2021-09-29  Tags: 播放器  点击:(55)  评论:(0)  加入收藏
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  Tags: 播放器  点击:(99)  评论:(0)  加入收藏
首先说明一下开源软件有啥好处: 一、开源软件最重要的是为了解决实际问题,不是为了情怀和理想。开源软件是这样发展起来的:我要解决某个问题,然后开发出了一款软件,这个软件保密...【详细内容】
2021-05-25  Tags: 播放器  点击:(137)  评论:(0)  加入收藏
一、FFmpeg视频解码器1.视频解码知识1).纯净的视频解码流程压缩编码数据->像素数据。例如解码H.264,就是“H.264码流->YUV”。2).一般的视频解码流程视频码流一般存储在一定...【详细内容】
2021-05-19  Tags: 播放器  点击:(163)  评论:(0)  加入收藏
IT之家2月17日消息 外媒 9to5 Mac 报道,最近我们了解到,VLC 播放器将迎来重大更新,带来全新的、更现代化的 VLC 4.0 用户界面。但不幸的是,目前泄露的 Linux 版本并不好看。它确...【详细内容】
2021-02-18  Tags: 播放器  点击:(218)  评论:(0)  加入收藏
当我工作的时候,我会一直在后台播放音乐。大多数情况下,这些音乐是以黑胶唱片的形式在转盘上旋转。但有时我不想用这种单纯的方法听音乐时,我会选择听流媒体音频应用程序的方式...【详细内容】
2021-01-20  Tags: 播放器  点击:(186)  评论:(0)  加入收藏
今天给大家隆重推荐一款超强功能的H5西瓜视频播放器插件xgplayer。 xgplayer 字节跳动公司西瓜播放器技术团队推出的开源音视频解决方案,star高达3.2K+。实现自定义加载、缓...【详细内容】
2020-11-24  Tags: 播放器  点击:(199)  评论:(0)  加入收藏
KMPlayer 是一款 内置解码器 支持所有 视频格式 的 视频播放器,而且还支持 4K、8K 视频的播放。KMplayer 功能强大,支持 倍速播放、视频缩放与移动、播放清单、字幕设置 等,而...【详细内容】
2020-09-15  Tags: 播放器  点击:(118)  评论:(0)  加入收藏
▌简易百科推荐
大家好,我是等天黑, 今天介绍一个开源免费的监控工具 Uptime Kuma, 简单实用, 主要用来监控 Web 和网络, 和 Prometheus 不一样的是, 它是轻量的, 基于Node.js 和 Vue 3 开发...【详细内容】
2021-12-16  全球技术精选    Tags:监控工具   点击:(13)  评论:(0)  加入收藏
Svelte https://svelte.dev/Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作,而 Svelte 将这些工作放到构建应用程序的编译阶...【详细内容】
2021-11-09  风吹草低见到喜洋洋    Tags:开源软件   点击:(73)  评论:(0)  加入收藏
开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是 Lilishop 商城系统 基于SpringBoot 研发,B2B2C多用户商...【详细内容】
2021-10-21  GitHub精选    Tags:Lilishop   点击:(225)  评论:(0)  加入收藏
前言一个基于spring boot的JAVA开源商城系统,是前后端分离、为生产环境多实例完全准备、数据库为b2b2c商城系统设计、拥有完整下单流程和精美设计的java开源商城系统https://...【详细内容】
2021-09-17  Java架构师知识    Tags:开源商城   点击:(119)  评论:(0)  加入收藏
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  IT宇哥    Tags:播放器   点击:(99)  评论:(0)  加入收藏
本文盘点了 7 月份比较火的几个开源项目,涉及 Java、Python、教程等,这些开源项目分别是:1. 主流技术栈原理2. 数据可视化分析工具3. Spring 手撸专栏4. 接口管理平台5. 直播源...【详细内容】
2021-08-04  一个快乐的摸鱼人    Tags:开源项目   点击:(79)  评论:(0)  加入收藏
今天,要和大家推荐一个Go 编写的开源推荐系统&mdash;&mdash;Gorse。 Gorse 旨在成为一个通用的开源推荐系统,可以快速引入各种在线服务。通过将商品、用户和交互数据导入 Gors...【详细内容】
2021-08-02  程序员吖  今日头条  Tags:推荐系统   点击:(104)  评论:(0)  加入收藏
什么是kubeedge:KubeEdge是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于kubernetes构建,并为网络应用程序提供基础架构支持。云和边缘之间的部署和元...【详细内容】
2021-06-28  pythontaotao    Tags:kubeedge   点击:(225)  评论:(0)  加入收藏
什么是开源?开源(Open Source)全称是:开放源代码。在今天,不仅是软件的源代码,还有硬件的机械图、电路图、PCB图,甚至整个工程项目的源文件,也都是开源的对象。开源的目的,就是让用户...【详细内容】
2021-05-31  机电匠  今日头条  Tags:开源协议   点击:(228)  评论:(0)  加入收藏
近日,微软开源了AI安全风险评估工具Counterfit,该工具旨在帮助开发人员测试AI和机器学习系统的安全性。该公司表示,Counterfit可以使组织进行评估,以确保其业务中使用的算法是可...【详细内容】
2021-05-06    雷锋网  Tags:Counterfit源代码   点击:(234)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条