写点什么

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

作者:魂祈梦
  • 2023-11-15
    甘肃
  • 本文字数:789 字

    阅读完需:约 3 分钟

从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

结语

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


  祝各位生活愉快。


发布于: 刚刚阅读数: 3
用户头像

魂祈梦

关注

还未添加个人签名 2023-11-14 加入

还未添加个人简介

评论

发布
暂无评论
从DPlayer说起,有哪些开源的H5播放器_前端_魂祈梦_InfoQ写作社区