uniapp [全端兼容] - 实现播放m3u8视频流+hls拉流推流完整方案，播放m3u8格式文件视频播放教程（流媒体播放、直播视频流、实时摄像头监控视频流对接、后端服务器切片分片传输视频流边下边播

前言

如果您需要 Vue 版本，请访问 这篇文章。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，实现m3u8+hls视频流播放方案及源码，播放3mu8文件/直播视频流实时流媒体播放高性能无延迟，实时流媒体播放需求、做直播实时传输播放、摄像头监控画面视频流、服务器后端视频切片分段返给前端+边下边播等需求，解决前端网页播放视频流卡顿加载慢、无法载入黑屏、播放不流畅、兼容性等问题！

uniapp v2 / v3 版本均可使用，复制示例代码即可。

如下图所示，各种场景示例及功能稍微改下就能用。

详细示例，保证搞定

解决方案

首先，先来简单看一下什么是m3u8和hls，这必须先要理解。