首页 文章详情

重磅推荐:一个专注于电影的 HTML5 播放器

GitHub精选 | 284 2021-09-22 23:22 0 0 0
UniSMS (合一短信)

【公众号回复 “1024”,免费领取程序员赚钱实操经验】

大家好,我是章鱼猫。

今天给大家推荐的这个开源项目是前端开发者的福音啊。

如果你的前端项目需要用到 H5 的播放器,这个开源项目绝对是你需要的。

这个 HTML5 的播放器非常好,而且显得很高大上。

这个开源项目就是:moovie.js,它是一个专注于电影的 HTML5 播放器。容易上手和使用,支持倍速播放、快捷键操作、字幕偏移即时调整等功能

具体的功能特点如下:

  • 🔧 完全可定制且易于使用

  • 💎caption offset adjust即时内置

  • 🎬内置支持.vtt.srt字幕文件

  • 🕹内置Plugins,使用你真正需要的代码!

  • 🎯内置CustomEvents,添加多个将运行特定 currentTime 的事件

  • 🖊dynamically使用我们的 API 添加曲目 / 字幕

  • 🗃locally即时添加曲目 / 字幕(无需服务器或上传)

  • 🌠 即时调整速度

  • 🛠 标准化事件 / 快捷方式 / API

  • 🖌 字幕定制

  • 💪 无依赖,使用 VanillaJS 构建

  • 🌎 在所有现代浏览器中测试

  • 💻 反应灵敏

  • 🗃集成webtorrent.jsdash.jsShaka Playerhls.js

  • 🌎 控件的国际化 (i18n)

NPM 的安装方式非常简单,只需 4 步,就可以让你的前端页面拥有一个漂亮的播放器。如下:

效果图,如下:

目前,该开源项目拥有 1.4k 的 star ,非常好。

开源项目地址:https://github.com/BMSVieira/moovie.js

开源项目作者:Bruno Vieira

最近,章鱼猫建了一个「GitHub 精选交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub 黑板报」公众号后台回复【加群】邀请你入群。

---特别推荐---

特别推荐:一个新的优质的专注分享各种浏览器插件、黑科技教程、各种你想不到的高效率软件及工具的公众号,「程序员掘金」,专注挖掘好东西,非常值得大家关注。点击下方公众号卡片,直接关注

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter