xgplayer.js 西瓜播放器 - 字节跳动团队出品的免费开源 HTML5 视频播放组件，内置解析器、也能节省流量

一个功用强大，契合国内视频播放营业的 web 视频播放组件，由西瓜视频手艺团队官方出品。

关于西瓜播放器

西瓜播放器 (xgplayer.js) 不是一个看片软件，而是一个 Web 开发上的视频播放器类库，也是一个独立的 UI 组件，用来实如今网页上播放视频的功用。不只在 UI 层有灵敏的表示，同时也集成了对 flv、hls、dash 的点播和曲播撑持，尤其是在 mp4 点播上很便利，让原来不撑持流播放的 mp4 格局视频可以分段加载，无须转换格局实现明晰度无缝切换、加载控造、节省视频流量的需求，节省办事器开销。

xgplayer.js 官网

字节跳动的视频营业大大都是短视频，早期的时候开发团队在 video.js 根底上做二次开发。后来发现良多功用达不到要求，好比自定义 UI 、视频的明晰度无缝切换、视频流量开销大等，决定本身从底层开发一款契合营业要求的 web 播放器，在 2018 岁首年月推出了不变版本，开展至今，功用强大，性能超卓，拥有完美的视频播放 API，不只支持了西瓜视频、抖音、头条等 web 视频营业，也被国内多家大厂超越200个产物用来撑持视频营业，是一款优良的 HTML5 视频播放器。

手艺特征从底层解析 MP4、HLS、FLV 格局的视频，有更广的视频播放利用场景灵敏的插件系统，PC / 挪动端主动切换平安的白名单机造强大的 MP4 视频播放控造，点播无缝切换，带宽节省显著拥有完好的产物机造，错误的监控上报和主动的降级处置开发上手体验和利用建议

xgplayer.js 的安拆利用很简单，撑持 npm 安拆和 cdn 引入 js 两种体例，利用也很简单，只需要供给占位 DOM，即可实例化，官网供给了全面易懂的开发文档和代码例子。

xgplayer.js 开发文档

xgplayer.js 对 web 视频播放功用撑持很全面，连 ios 投屏、微信同层播放、微信全屏播放等视频开发中比力难处理的功用，都能够简单设置装备摆设实现，官方还供给了各类视频播放相关的插件，目测碰到的视频相关开发需求，几乎都能帮我们处理。

关于可能只会用到很小一部门功用，xgplayer.js 供给了简易版本和只引入播放内核两种体例，可以大大削减打包体积。

为了进步开发效率和开发体验，官网还供给了可视化的代码生成器。

在线生成代码音频播放撑持

xgplayer.js 还能够用来播放音频，简单设置装备摆设就能够做出一个带可视化波形、歌词同步的音乐播放器。

xgplayer.js 音频播放阅读器兼容

在兼容性方面，xgplayer.js 撑持间接播放 MP4 视频：

PC 端播放HLS、FLV、MPEG-DASH需要阅读器撑持 Media Source ExtensionsiOS 撑持间接播放 mp4 和 HLS安卓撑持间接播放 mp4 和 HLS，播放FLV、MPEG-DASH 需要阅读器撑持 Media Source Extensions免费开源申明

西瓜播放器 (xgplayer.js) 是字节跳动开发团队出品的免费开源 HTML5 音视频播放组件，基于 MIT 开源协议，任何小我和公司都能够免费用于本身的项目，独一的要求就是默认受权将利用西瓜播放器所在营业的 Logo 放置在官网展现。

相关网址

https://www.thosefree.com/xgplayer-js

本专栏持续分享高量量的免费开源、免费商用的资本，欢送存眷。