从DPlayer说起,有哪些开源的H5播放器

引言

​ H5指的是HTML5,也就是介绍网页播放器(只是列出而已)。首先我不是什么大佬,并没有完全体验过以下我会介绍的全部播放器;其次,因为我水平比较低,主要介绍拥有中文文档的播放器,不了解开发的朋友当成科普看看就行,平常用不到,了解的可以补充一下还有哪些,毕竟我收集的肯定不全,最好能补充中文文档的。

正文

中文文档

DPlayer

https://dplayer.diygod.dev/zh/guide.html#special-thanks

最热门的播放器,至少在我心里是。有不少网站以及播放器都是基于这个做修改。

Mui player

https://www.ckplayer.com/

ckplayer

https://www.ckplayer.com/

也算是蛮热门的,以前经常看到,只不过现在临时找不出来。

官网示例视频用的黑神话悟空PV

xgplayer西瓜播放器

http://h5player.bytedance.com/

字节跳动的,西瓜视频和抖音就是用这个

griffith知乎播放器

https://github.com/zhihu/griffith/blob/master/README-zh-Hans.md

看了一眼是React,H5看上去也是能用的。

artplayer

https://www.artplayer.org/

挺冷门的,这个不是我搜出来的而是我用的一个网站使用了这个播放器。

Sewise Player

https://github.com/jackzhang1204/sewise-player

冷门且不更新了,看看就行了

无中文文档

也有可能是没找到中文文档。这里面会略过一些,英文看着还是不方便。

video.js

https://docs.videojs.com/

ExoPlayer,谷歌出品

https://github.com/google/ExoPlayer

MediaElement.js

https://www.mediaelementjs.com/

plyr,蛮好看的

https://plyr.io/

额外补充

这个播放器样式不错,我查了一下似乎是阿里的播放器,似乎不开源,还是算了

prism-player,百度一查是AliPlayer,看了一下类名是一致的

其实播放器样式只是加分项,最重要的还是视频的加载速度,搞好cdn

结语

​ 播放器的样式确实能给人耳目一新的感觉,不少用心的网站是自己定制播放器的(即使是基于开源项目做修改)。但是外观不是全部,比外观更重要的是内容。

​ 祝各位生活愉快。

相关推荐
XPoet15 分钟前
AI 编程工程化:实战——从 0 到 1 搭建 AI 编程工作流
前端·后端·ai编程
-今昭-31 分钟前
Logstash 管理
java·服务器·前端
名字还没想好☜42 分钟前
React 用自定义 useDebounce Hook 治好搜索框频繁请求:防抖、竞态取消与卸载清理
前端·javascript·react.js·react·hooks
杉氧1 小时前
Flutter 跨平台多端适配与 Android/iOS 一键自动化打包发布
android·前端·flutter
障碍的枫子1 小时前
xss和CSRF的攻击和防御
前端·xss·csrf
用户921080262861 小时前
3. 给 Bubble 新增一个 Agent Variant
前端
抓不住时间的沙1 小时前
butterfly主题美化,打造属于自己的个性博客
java·开发语言·前端·javascript·node.js·github
kyriewen1 小时前
前端切图仔被 AI 新闻淹死的第 N 天,我用 TRAE Work 定时任务救了自己
前端·人工智能·trae
京东云开发者1 小时前
【全栈实践】第一个 AI Agent 项目:从零搭建 AI 音频创作助手(高级篇)
前端·agent·音视频开发
AbrahamCS2 小时前
从角色协同到可运行图:Graph Engineer 与多智能体编排
前端·人工智能·智能体