FLV/RTMP在线播放器

基于flv.js的流媒体播放解决方案,支持RTMP和HTTP-FLV格式

提示:支持HTTP-FLV格式播放,RTMP流需要服务器转封装

示例地址: https://sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv

如果遇到播放问题,请检查流媒体服务器是否支持CORS,或使用代理服务器
📶 等待输入流媒体地址
📶 等待输入流媒体地址

解决CORS问题的方法

  • 使用支持CORS的流媒体服务器
  • 配置反向代理服务器(如Nginx)转发请求
  • 使用浏览器插件临时禁用CORS(仅开发环境)
  • 在流媒体服务器上添加Access-Control-Allow-Origin头部

如何使用FLV播放器

简单几步,实现在线播放FLV流媒体

1

获取FLV流地址

从直播平台或流媒体服务器获取HTTP-FLV流地址

2

粘贴流地址

将FLV URL粘贴到上方输入框,点击加载视频按钮

3

开始播放

使用播放器控制栏进行播放/暂停、音量和全屏操作

什么是FLV和RTMP流媒体

FLV(Flash Video)是一种常用的流媒体视频格式,RTMP(Real-Time Messaging Protocol)是Adobe开发的实时消息传输协议,广泛用于直播场景。

FLV播放器特性

  • 低延迟播放:支持HTTP-FLV低延迟直播流播放
  • 硬件加速:利用浏览器硬件解码能力,播放更流畅
  • 跨平台兼容:支持PC和移动端浏览器
  • 实时直播:支持实时直播流播放和监控

应用场景

  • 网络直播观看
  • 监控摄像头播放
  • 视频直播测试
  • 流媒体开发调试

核心功能

专业的FLV流媒体播放解决方案

低延迟播放

优化的缓冲策略,实现低延迟直播观看体验

📱

跨平台兼容

支持Windows、Mac、iOS、Android等多平台浏览器

🔧

开发调试

适合流媒体开发人员进行测试和调试工作

🔒

安全可靠

所有处理在浏览器本地完成,保护您的隐私安全

常见问题

关于FLV播放器的常见问题解答

支持RTMP协议吗? +
浏览器无法直接播放RTMP协议的流。如果您有RTMP流,需要通过服务器转封装为HTTP-FLV格式后才能在浏览器中播放。
FLV流无法播放怎么办? +
请检查:1) 流地址是否正确;2) 流是否支持跨域访问(CORS);3) 流服务器是否正常运行;4) 浏览器是否支持Media Source Extensions。
什么是HTTP-FLV? +
HTTP-FLV是将FLV封装格式的流媒体数据通过HTTP协议传输的方式,兼具RTMP的低延迟和HTTP的兼容性优势,广泛应用于直播领域。