字节跳动的视频业务大多数是短视频,早期的时候开发团队在 video.js 基础上做二次开发。后来发现很多功能达不到要求,比如自定义 UI 、视频的清晰度无缝切换、视频流量开销大等,决定自己从底层开发一款符合业务要求的 web 播放器,在 2018 年初推出了稳定版本,发展至今,功能强大,性能出色,拥有完善的视频播放 API,不仅支撑了西瓜视频、抖音、头条等 web 视频业务,也被国内多家大厂超过200个产品用来支持视频业务,是一款优秀的 HTML5 视频播放器。
技术特性
- 从底层解析 MP4、HLS、FLV 格式的视频,有更广的视频播放使用场景
- 灵活的插件体系,PC / 移动端自动切换安全的白名单机制
- 强大的 MP4 视频播放控制,点播无缝切换,带宽节省显著
- 拥有完整的产品机制,错误的监控上 和自动的降级处理
开发上手体验和使用建议
xgplayer.js 的安装使用很简单,支持 npm 安装和 cdn 引入 js 两种方式,使用也很简单,只需要提供占位 DOM,即可实例化,官 提供了全面易懂的开发文档和代码例子。
xgplayer.js 还可以用来播放音频,简单配置就可以做出一个带可视化波形、歌词同步的音乐播放器。

在兼容性方面,xgplayer.js 支持直接播放 MP4 视频:
- PC 端播放HLS、FLV、MPEG-DASH需要浏览器支持 Media Source Extensions
- iOS 支持直接播放 mp4 和 HLS
- 安卓支持直接播放 mp4 和 HLS,播放FLV、MPEG-DASH 需要浏览器支持 Media Source Extensions
免费开源说明
西瓜播放器 (xgplayer.js) 是字节跳动开发团队出品的免费开源 HTML5 音视频播放组件,基于 MIT 开源协议,任何个人和公司都可以免费用于自己的项目,唯一的要求就是默认授权将使用西瓜播放器所在业务的 Logo 放置在官 展示。
原文链接:https://www.thosefree.com/xgplayer-js
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!