vue 使用西瓜视频播放器

概要

西瓜视频FLV格式
西瓜视频hls格式
提示：用于视频、布局多媒体，直播，摄像头的对接

技术名词解释

提示：该播放器支持一下格式

例如：

• mp4
• flv
• hls
• dash
• music

xgplayer 的背景

字节跳动的视频业务大多数是短视频，早期的时候我们在 video.js 基础上做二次开发。后来发现很多功能达不到我们的要求，比如自定义UI的成本、视频的清晰度无缝切换、视频流量的节省。考虑到当前点播依旧是mp4居多，我们做了个大胆的假设：在播放器端加载视频、解析视频、转换格式，让不支持分段播放的mp4动态支持，这样就无须转换源视频的格式，服务器端也无其他开销。在这个动力下，我们在2017年年底完成了这项开发任务，并与2018年年初测试了稳定性和经济收益。

在这个背景下，我们一次解析了 hls、flv 等视频，这样我们不再简单的依赖第三方的视频库，只有掌握了底层技术才有优化的可能性。在不断攻克 hls、flv 解析的背景下，我们增强了产品体验，比如交互效果、进场动画等。

小结

提示：该播放器试是一个博主认为是很强大的 接下来将更新flv格式的使用方式，代码实例