西瓜视频播放器(HTML5)。
最近发现一个非常强大的播放器，它不仅支持视频播放，还支持音频播放。接下来，我们将详细介绍它的功能和使用方法。
XGPlayer是字节跳动团队推出的免费开源HTML5视频播放组件。我们可以通过npm或cdn的方式导入到项目中使用。作为字节跳动的产品，XGPlayer的功能非常强大。在这里，我们可以实现西瓜视频上使用的所有功能，所有功能模块都设计成了插件。如果你想自定义效果，可以关闭内置插件，自己开发。
[图0.jpg|]
[图1.jpg|]
个人认为，XGPlayer播放器最大的优势在于支持多种主流的视频格式，如hls、flv等视频，以及自适应码率，为用户提供更优秀的播放体验。对于一些开发直播应用的朋友来说，这简直是福音。
图103576-1：
除了这些优点，它还拥有完整的产品机制、错误监控上报和自动的降级处理、强大的mp三音频、mp四视频播放控制、点播无缝切换、带宽节省显著等优点。
[图3.jpg|]
来看一下官方的示例代码："//sf1-cd我们来看下官方的fe/xgplayer_doc_video/mp4/x。在创建播放器实例之前需要定义一个DOM来占位。
在播放器实例中必须先进行配置参数，如通过volume定义初始音量，poster设置封面。thumbnail进行进度条预览图配置，该配置会用于pc端或者是移动端的拖动预览。这就是目前的播放效果。
当你设置screenShote的相关参数后，就会多了一个截图的功能。关于弹幕功能，comments里面是弹幕的内容，支持自定义样式和弹幕显示区域等。
最后是添加倍速的选项，"everybody Rate TIME TIME TIME TIME for back the source。最后是清晰度切换列表的配置，新增清晰度时把视频路径加上即可。
当然，以上功能只是它的冰山一角。想要拥有更完整的体验，可以移步到西瓜视频或官网。
还有一个fluid属性值得一看，作用是是否启用流式布局。开启之后控制器就跑到了底部，而视频区域则在屏幕中间。
来源：今日头条
作者：茄子懂编程
点赞：8
评论：1
标题：一个功能强大，符合国内视频播放业务的 web 视频播放组件
原文：https://www.toutiao.com/article/7284601853629874725
侵权告知删除：yangzy187@126.com
转载请注明：网创网 www.netcyw.cn/b103576.html
