代码拉取完成,页面将自动刷新
西瓜播放器是一个Web视频播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。更重要的是它不只是在 UI 层有灵活的表现,在功能上也做了大胆的尝试:摆脱视频加载、缓冲、格式支持对 video 的依赖。尤其是在 mp4 点播上做了较大的努力,让本不支持流式播放的 mp4 能做到分段加载,这就意味着可以做到清晰度无缝切换、加载控制、节省视频流量。同时,它也集成了对 flv、hls、dash 的点播和直播支持。文档
安装
$ npm install xgplayer
使用
Step 1:
<div id="vs"></div>
Step 2:
import Player from 'xgplayer'
let player = new Player({
id: 'vs',
url: 'http://s2.pstatp.com/cdn/expire-1-M/byted-player-videos/1.0.0/xgplayer-demo.mp4'
})
这是最简单的播放器配置方法,基本功能可以跑起来,如果想使用高级功能参考插件一节或者文档。更多配置
西瓜播放器提供了较多的插件,并支持自定义插件,更多内容查看 插件。播放器内有不少内置插件,如果需要关闭某些插件可以通过 ignores 配置禁用
为了方便开发者调试,我们在仓库 fixtures 目录内提供了示例代码。播放器使用 yarn 进行包管理,只需简单几步即可开始在仓库内启动调试
$ cd xgplayer
$ yarn
$ yarn dev:xgplayer
其它插件启动,请参考仓库根目录内 package.json 提供 scripts 命令,比如:
$ yarn dev:hls
$ yarn dev:flv
$ yarn dev:mp4
欢迎使用西瓜播放器技术团队提供的开源音视频解决方案!请您仔细阅读以下条款。通过使用西瓜播放器,您表示同意接受以下所有条款。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型