简介
xgplayer是一个网页视频播放器库。它基于一切皆组件化的原则设计了一个独立的、可拆卸的UI组件。更重要的是,它不仅在UI层面灵活,在功能上也大胆创新:它摆脱了对视频加载、缓冲和格式支持的依赖。特别是对于不支持流式传输的mp4,它可以进行分段加载。这意味着可以无缝切换清晰度、控制加载和节省视频流量。它还集成了对FLV、HLS和DASH的点播和直播支持。文档
开始使用
-
安装
$ npm install xgplayer
-
使用方法
第1步:
<div id="vs"></div>
第2步:
import Player from 'xgplayer'; const player = new Player({ id: 'vs', url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4' })
这是配置播放器的最简单方法,然后它就可以播放视频了。有关更高级的内容,请参阅插件部分或文档。更多配置
插件
xgplayer提供了更多插件并支持自定义插件,更多内容请查看插件。播放器内置了许多插件,如果您需要关闭特定插件,可以通过ignores配置来禁用它们。
开发
为了方便开发者调试,我们在仓库的fixtures目录中提供了演示代码。播放器使用yarn进行包管理,只需几个简单的步骤就可以在仓库中开始调试。
$ cd xgplayer
$ yarn
$ yarn dev:xgplayer
要调试其他插件,请参考仓库根目录package.json中提供的scripts命令,例如:
$ yarn dev:hls
$ yarn dev:flv
$ yarn dev:mp4
许可证
欢迎使用xgplayer!请仔细阅读以下条款。使用xgplayer意味着您接受并同意这些条款。
- Xgplayer采用MIT许可证。默认情况下,您遵守其义务。
- 默认情况下,您授权我们在使用xgplayer的xgplayer网站上放置您的logo。 如果您有任何问题,请告诉我们。