HLS画中画播放的多场景应用
HLS内容往往时长较长——一场体育赛事直播数小时，一段培训课程几十分钟，一个监控画面24小时不间断。全屏观看这些HLS内容意味着无法同时处理其他工作。HLS画中画播放功能完美解决这一矛盾：将HLS视频流缩小为屏幕角落的悬浮小窗，固定在桌面最上层，你可以自由操作其他窗口和应用程序而不中断视频观看。基于浏览器Picture-in-Picture API，画中画窗口独立于网页标签存在，切换标签页、最小化浏览器甚至使用其他应用，小窗视频都持续播放。对于HLS直播，画中画让你在工作时不错过关键赛况或活动进展；对于HLS点播，画中画配合倍速功能可以高效完成伴随式学习。hls.js引擎在PiP模式下运行稳定，不会因为窗口切换而中断解码或丢失缓冲。常见场景：监控画面的小窗持续预览、线上会议的伴随式参与、培训录播的边学边做笔记、以及新闻直播的后台关注。一键开启，一键关闭，无需任何配置或插件安装。
HLS画中画播放使用方法
- 正常播放HLS/M3U8流，等待画面稳定输出。
- 点击播放器控制栏的画中画按钮，HLS视频弹出为悬浮小窗。
- 切换到其他应用或标签页继续工作；关闭小窗或返回主页面退出画中画模式。
HLS画中画播放常见问题
HLS直播的画中画模式下延迟会和全屏一样吗，请阅读以下详细解答，帮助您快速了解相关细节和注意事项。
延迟完全相同。画中画只改变视频渲染窗口，hls.js的拉流、解码和缓冲逻辑不受PiP模式影响。HLS直播延迟仍取决于分片配置。
HLS画中画播放支持哪些浏览器，请阅读以下详细解答，帮助您快速了解相关细节和注意事项。
桌面端Chrome 70+、Edge 79+、Safari 13+均支持PiP API。iOS Safari 14+部分支持。Android Chrome支持性因版本而异。建议在桌面浏览器使用。
画中画模式下HLS流的码率切换是否正常工作，请阅读以下详细解答，帮助您快速了解相关细节和注意事项。
正常工作。ABR自适应码率切换在PiP模式下与全屏模式行为一致，hls.js持续监测带宽并自动调整码率，用户通常无感知。
长时间HLS直播的画中画播放会消耗大量系统资源吗，请阅读以下详细解答，帮助您快速了解相关细节和注意事项。
PiP模式实际上比全屏播放更省资源——渲染像素更少，GPU负载更低。hls.js解码开销与全屏相同。长时间观看建议关注网络流量消耗。
HLS画中画能否与倍速功能组合使用，请阅读以下详细解答，帮助您快速了解相关细节和注意事项。
可以。建议先设置倍速再开启画中画。PiP小窗控制栏通常不提供倍速选项，但已设置的倍速在画中画模式下持续生效。