在线VLC播放器
请输入流地址或选择一个快捷样例
工具介绍
面向 网络流 的浏览器端万能播放器:HLS / M3U8、HTTP-FLV、HTTP-TS 直拉即播;RTMP / RTSP 通过 ZLMediaKit / SRS / WVP-GB28181 等网关转发后也能播放。支持自定义 HTTP 头解决防盗链、自动重连保障直播稳定、码率/缓冲实时统计协助诊断,是夜间值班、流协议联调、远程办公的得力工具。
支持的流协议
| HLS / M3U8 | 浏览器原生(Safari)或 mpegts.js(Chrome / Firefox / Edge) | HTTP-FLV | mpegts.js 通过 MSE 接管解码,实时性最好 |
|---|---|---|---|
| HTTP-TS / MPEG-TS | mpegts.js 接管,单个 .ts 切片或拼接 m3u8 均可 | MP4 / WebM | 原生 video 直接播放,浏览器默认全兼容 |
| RTMP / RTSP | 浏览器无法直连,需经服务端网关(ZLMediaKit / SRS / WVP)转 HTTP-FLV/HLS | WebRTC (webrtc://) | 已原生支持:直连 ZLMediaKit / SRS 的 WHEP 信令,亚秒级延迟,自动重连 |
使用步骤
功能特性
常见问题
Q1: 浏览器提示 RTMP/RTSP 无法直接播放?
浏览器原生不支持 RTMP/RTSP。这两种协议需要服务端网关(ZLMediaKit、SRS、WVP-GB28181、海康/萤云平台等)转换为 HTTP-FLV/HLS/WebRTC,再让浏览器拉流。本工具已为你预留网关 URL 输入位,并自动识别协议给出提示。
Q2: HTTP-FLV/HLS 在 Chrome 中没有画面?
Chrome 原生 <video> 不解码 HLS/FLV/TS。本工具会在 URL 后缀为 .m3u8/.flv/.ts 时自动使用 mpegts.js 接管解码,通过 MediaSource Extensions (MSE) 喂给 video 元素。Safari 原生支持 HLS,无需 mpegts。
Q3: 播放 401/403 错误(防盗链)?
把"播放模式"切到"通过代理拉流"(proxy),并填入服务端要求的 User-Agent / Referer / Cookie。本工具会通过 /api/proxy-stream 端点把头部一起带过去(需在服务端配置该代理)。如未部署代理,可改用服务端 CORS 头 + 浏览器 referrerPolicy 间接控制。
Q4: 直播总是断流卡顿?
打开"低延迟"会减少 HLS 缓冲窗口(约 2-3s)。还可以调小"重连间隔",并启用"自动重连",断流后会按设定重试次数自动拉起。点播时建议关闭低延迟以保证流畅。
Q5: 截图是黑屏或全透明?
浏览器安全策略:跨域视频 + 画布会被标记为 tainted,无法 toDataURL。需服务端响应 Access-Control-Allow-Origin 头,或在截图前用 same-origin 代理拉流。
Q6: 与"视频播放器"工具有什么区别?
"视频播放器"侧重本地文件(MP4/WebM/MKV/TS 拖入即播),本"VLC 播放器"侧重网络流(URL 直拉 + 自定义头 + 直播重连 + 网络诊断)。两者可互补:本地剪辑后用前者预览,发布上线后用本工具回放检查。
Q7: 浏览器能直接播放 srt:// 吗?
不能。SRT (Secure Reliable Transport) 是基于 UDP 的低延迟协议,浏览器原生不支持。常见做法是通过 ZLMediaKit / SRS / MediaMTX / OBS 等流媒体网关将 SRT 拉取后转封装为 HTTP-FLV、HLS 或 WebRTC,再让浏览器拉流播放。本工具会自动识别 srt:// 前缀并给出网关提示,常用网关 URL 形如:http://your-zlm:8080/live/stream.flv。本工具也支持直接解析 srt:// 后的 mode/latency/passphrase/pbkeylen 等参数并展示,帮助你确认远端推送配置是否正确。
Q8: 我有 srt://10.0.1.134:8890 这种 SRT 源怎么测试?
两种做法:①生产环境推荐:让运维在 ZLMediaKit/SRS/MediaMTX 上配置 srt 拉流并转出 http-flv/hls,前端直接拉网关的 http 地址;②快速验证:用 OBS Studio 以"SRT 拉流"方式接入该地址,再以"RTMP/SRT"重新输出,本工具拉 OBS 的输出流即可。本工具会实时展示你填的 srt:// 链接的 mode/latency/加密等参数,方便排查 SRT 握手问题。
Q9: webrtc:// 地址怎么播放?支持哪些流媒体服务?
本工具原生支持 webrtc://主机:端口/应用/流名 格式(如 webrtc://175.178.254.104:8000/live/a2)。播放时会自动生成 SDP offer,并按优先级依次尝试三个信令端点:ZLMediaKit 私有 API(/index/api/webrtc)、ZLMediaKit 标准 WHEP(/index/api/whep)、SRS WHEP(/rtc/v1/whep/),任一成功即建立连接,媒体轨直接接到播放器,延迟可低至亚秒级。
Q10: WebRTC 播放报"信令失败"或无画面怎么办?
按顺序排查:①确认服务端已开启 WebRTC(ZLMediaKit 的 http 端口即信令端口,SRS 默认 1985)且该流正在推送;②若本工具页面是 HTTPS 而信令是 HTTP,会被浏览器混合内容策略拦截,请改用 HTTP 版本站点或为信令配置 HTTPS 证书;③服务端需允许跨域(Access-Control-Allow-Origin);④若两端都在对称 NAT 后且无媒体到达,需为服务端配置 TURN/公网 UDP 端口。
使用场景
| 场景 | 说明 |
|---|---|
| 直播拉流调试 | 直播/监控平台把 RTMP/RTSP 推流到 ZLMediaKit/SRS 网关后,复制 .flv/.m3u8 链接在本工具播放验证 |
| SRT 低延迟拉流 | 输入 srt://10.0.1.134:8890 等 SRT 推送源 URL,工具自动解析 mode/latency/passphrase 等参数,确认远端推送配置 |
| 流协议联调 | 对照 HLS/HTTP-FLV/HTTP-TS 各种切片在浏览器中的兼容情况,便于协议选型 |
| 防盗链测试 | 设置自定义 Referer / User-Agent / Cookie 验证服务端的防盗链规则 |
| 网络诊断 | 查看实时码率、缓冲进度、视频分辨率,排查弱网播放卡顿问题 |
| 运维值班 | 夜间值班临时检查摄像头/电视墙/外部流是否正常,无需安装桌面客户端 |
| 远程办公演示 | 临时把内网/外网流通过 WebRTC/FLV 网关转出来给客户看,无需提前部署 |
| WebRTC 低延迟监播 | 输入 webrtc://服务器:端口/应用/流名,直连 ZLMediaKit/SRS WHEP 信令,亚秒级延迟验证监控/直播流 |