经常有用户拿着一个 .m3u8 或 rtmp:// 地址问：这个怎么在线播放？本文系统解答流媒体播放中最常见的错误，并告诉你如何选择播放器、如何调试视频流。
一、先选对播放器
| 流类型 | 推荐方案 | 浏览器支持 |
|---|---|---|
| HLS（m3u8） | 在线 M3U8 播放器 / hls.js / VLC | 需播放器库 |
| RTMP | 先转 HTTP-FLV 再用RTMP/FLV 播放器 | 不原生支持 |
| HTTP-FLV | flv.js 方案 | 需播放器库 |
| MP4 / WebM | HTML5 原生 <video> | 原生支持 |
结论：临时看一个 m3u8 链接，直接用在线 M3U8 播放器零门槛；长期下载或本地播放选 VLC；需要把播放器嵌进自己的网站再考虑 hls.js / flv.js。
二、常见播放错误与修复
M3U8 链接打不开 / 白屏
先确认链接有效（有效期通常很短）；再确认源站允许跨域（CORS）；最后确认未加密或提供密钥。换成在线播放器并配合浏览器开发者工具的 Network 面板查看失败请求。
提示「流媒体格式不支持」
说明地址不是 HLS 而是 RTMP/HTTP-FLV/其它格式。RTMP 需要先经服务端转封装为 HTTP-FLV 或 HLS，再在浏览器播放。
能播放但一直卡顿
降低片源清晰度、检查本地带宽，或切换 CDN 节点。若源是直播，延迟大小也受切片时长影响。
有声音没画面 / 有画面没声音
多为视频编码不被播放器支持（如 H.265/HEVC）。更换支持更广编码的播放器，或让源站提供 H.264 版本。
浏览器提示 403 / 404
403 通常是 Referer 防盗链或 token 过期；404 是分片缺失或地址过期。检查请求头中的 Referer 与鉴权参数。
三、如何调试一条视频流
- 右键播放器 → 「检查」，打开浏览器开发者工具。
- 切到 Network 面板，过滤 XHR/Media 请求。
- 找到
.m3u8与.ts/.fmp4分片请求，查看 HTTP 状态码。 - 状态码 200 正常；4xx 鉴权/防盗链问题；5xx 源站问题。
- 在 Console 面板查看报错信息（如 CORS policy 错误）。
四、RTMP 直播：浏览器场景怎么处理
浏览器无法直接播放 RTMP。标准做法是：RTMP 推流 → 服务端转封装为 HTTP-FLV（低延迟）或 HLS（兼容性广）→ 浏览器用 flv.js / hls.js 播放。我们提供的RTMP / HTTP-FLV 在线播放器已封装 flv.js，填入 HTTP-FLV 地址即可播放。
参考资料
- hls.js — 官方文档: https://hls-js.netlify.app/
- flv.js — Bilibili 开源: https://github.com/bilibili/flv.js
- HLS 规范 — IETF: https://datatracker.ietf.org/doc/html/draft-pantos-hls-rfc8216bis
- HTTP Live Streaming — Apple Developer: https://developer.apple.com/streaming/