1. 前言
- 公司以前的视频播放器存在诸多问题,最近 leader 让我负责视频播放器技术选型任务
- 让我选择一款符合公司当前项目需求的视频播放器,我把这次选型经过和思考整理如下
2. 选型目的
- 寻找适合公司项目需求的视频播放器
- 解决
以前播放器直播首次加载慢等问题
3. 以前播放器痛点
- 直播首次加载慢,出现多次 loading(部分是网络问题)
- 播放过程不稳定(中途继续加载loading)
- 回放需要外部传入总时长:视频接口有返回
- 不能直接通过播放器进行通道切换
- 截图失败时无响应
- 等等...
4. 功能需求
- 暂停
- 播放
- 进度条拖动
- 直播
- 回放
- 截图
- 打点
- 错误异常可感知
- 4K画面支持
- 等等...
5. 整体要求
- 用户体验
- 视频加载时间:较短的加载时间可以提供更快的启动速度和响应时间,改善用户体验
- 播放器响应性:播放器对用户操作的快速响应能力,例如播放、暂停、跳转等
- 播放流畅性:能够保持稳定的帧率和无卡顿的播放体验
- 兼容性
- 跨平台支持(Web端 和 移动端)
- 主流浏览器兼容(如Chrome、Firefox、Safari 等)
- Android 和 IOS 需要分别测试
- 性能消耗
- CPU 消耗
- 内存 消耗
- 网络资源 消耗
- 等等...
- 流格式
- HLS
- FLV
- MP4
- 等等...
- 流媒体来源
- A 摄像头厂家
- B 摄像头厂家
- C 摄像头厂家
- 等等...
6. 视频播放器对比
- 针对以上提出的功能需求和整体要求这两方面,对市面上广泛使用的视频播放器进行详细对比
Tip: 由于当前还在播放器对比阶段,这一部分等过段时间,播放器对比结束再补充
- 视频播放器对比文档
7. 结论
- 针对以上调研结果,给出一个符合公司项目需求的视频播放器的相关结论,分析为何选这个播放器,以及这个播放器的优势和劣势
Tip:待播放器对比结束,一同补充视频播放器选型的结论
- 视频播放器选型结论
结语
- 如有其他更好的见解,敬请补充,提前道谢了
- 希望如果能对你以后的技术选型有所帮助
- 通过此次视频播放器技术选型,让我对学到了很多
- 写此文章,记录我所思所想
- 继续加油!
itchao_前端探索者
记于:2023年7月3日21:31:15