FLV/RTMP線上播放器
基於flv.js的串流媒體播放解決方案,支援RTMP和HTTP-FLV格式
提示:支援RTMP和HTTP-FLV格式,系統會自動轉換RTMP為HTTP-FLV進行播放
範例位址: rtmp://liteavapp.qcloud.com/live/liteavdemoplayerstreamid / https://liteavapp.qcloud.com/live/liteavdemoplayerstreamid.flv
解決CORS問題的方法
- 使用支援CORS的串流媒體伺服器
- 設定反向代理伺服器(如Nginx)轉發請求
- 使用瀏覽器擴充功能暫時停用CORS(僅開發環境)
- 在串流媒體伺服器上新增Access-Control-Allow-Origin標頭
如何使用RTMP線上播放器
簡單幾步實現RTMP/FLV直播串流線上播放
取得串流位址
從直播平台或串流媒體伺服器取得RTMP或HTTP-FLV串流媒體位址
- 支援RTMP和HTTP-FLV格式
- 可使用範例位址測試
- 確保串流正在推送中
輸入位址播放
將串流位址貼上到輸入框,點擊播放按鈕開始連線和播放
- 自動識別協定類型
- RTMP自動轉換為HTTP-FLV
- 顯示連線狀態
播放控制
使用播放控制按鈕進行暫停、靜音、全螢幕等操作
- 支援即時截圖
- 查看串流媒體資訊
- 全螢幕觀看體驗
故障排查
如遇播放問題,檢查位址、網路和CORS設定
- 檢查串流位址有效性
- 確認伺服器CORS設定
- 嘗試重新整理重新連線
什麼是RTMP/FLV直播播放器
了解RTMP協定、HTTP-FLV格式和瀏覽器播放技術
RTMP播放器詳解
RTMP(Real-Time Messaging Protocol)是Adobe開發的即時訊息傳輸協定,廣泛用於直播推流和播放。HTTP-FLV是將FLV串流封裝在HTTP協定中傳輸的方式,具有低延遲和良好相容性的特點。本播放器基於flv.js技術,透過Media Source Extensions (MSE) API在現代瀏覽器中實現RTMP/FLV串流的直接播放,無需Flash外掛程式支援。
核心技術特性
MSE技術
利用Media Source Extensions實現瀏覽器原生串流媒體播放
協定轉換
自動將RTMP位址轉換為HTTP-FLV格式進行播放
跨平台支援
支援Chrome、Firefox、Edge、Safari等主流瀏覽器
使用提示
- rtmpPlayer.localProcess
- rtmpPlayer.losslessPlayback
- rtmpPlayer.protocolConversion
串流媒體協定對比
| 特性 | RTMP | HTTP-FLV | HLS |
|---|---|---|---|
| 延遲 | 1-3秒 | 2-4秒 | 5-30秒 |
| 相容性 | 需要外掛 | 瀏覽器原生 | 廣泛支援 |
| 防火牆穿透 | 較差 | 良好 | 優秀 |
| 行動端支援 | 有限 | 良好 | 優秀 |
| 適用場景 | 推流/內網 | 低延遲直播 | 隨選視訊/直播 |
HTTP-FLV是RTMP直播在瀏覽器播放的最佳選擇,兼顧低延遲和相容性
為什麼選擇我們的FLV/RTMP線上播放器
無需安裝外掛程式,瀏覽器直接播放RTMP和HTTP-FLV直播串流
零外掛播放
無需Flash
基於flv.js技術,現代瀏覽器原生支援RTMP/FLV播放
即開即用
無需下載安裝任何軟體或外掛程式,開啟網頁即可使用
低延遲直播
即時串流媒體
支援RTMP和HTTP-FLV協定,實現秒級延遲的直播體驗
穩定傳輸
成熟的串流媒體協定,保證傳輸穩定性和可靠性
實用功能
即時截圖
播放過程中一鍵截圖,儲存精彩畫面
串流資訊監控
即時顯示延遲、位元率、解析度等串流媒體參數
RTMP播放技術原理
了解瀏覽器如何實現無外掛RTMP串流播放
位址解析
解析輸入的RTMP或HTTP-FLV位址,識別協定類型
協定轉換
將RTMP位址轉換為HTTP-FLV格式以便瀏覽器請求
FLV解析
flv.js解析FLV容器,提取視訊和音訊資料
MSE播放
透過Media Source Extensions將資料送入視訊標籤播放
技術細節
核心庫
flv.js
瀏覽器API
Media Source Extensions
支援協定
RTMP / HTTP-FLV
視訊編碼
H.264 / H.265
音訊編碼
AAC / MP3
典型延遲
2-5秒
FLV/RTMP線上播放器適用場景
FLV/RTMP線上播放器適用於多種串流媒體播放場景,包括線上直播、視訊監控、線上教育等實際應用
線上直播
適用於各種直播場景,如遊戲直播、體育賽事、新聞直播等,提供低延遲的觀看體驗。
線上教育
用於線上課程直播,支援即時互動和高品質影片傳輸,提升教學效果。
視訊監控
用於安防監控系統,即時傳輸監控畫面,支援多路影片串流同時播放。
企業會議
支援企業視訊會議直播,提供穩定的影片傳輸和高品質的音訊效果。
FLV/RTMP線上播放器常見問題
FLV/RTMP線上播放器常見問題解答:RTMP播放失敗原因、CORS跨域解決方案、瀏覽器支援情況及使用技巧
使用FLV/RTMP直播播放器需要下載嗎?
這個播放器支援畫面截圖嗎?具體如何操作?
為什麼現在RTMP可以不依賴Flash播放?
RTMP、HTTP-FLV和HLS有什麼區別?
如何解決RTMP串流播放失敗的問題?
播放器支援播放清單或多串流同時播放嗎?
輸入的串流位址正確,但無法播放,是什麼原因?
為什麼RTMP直播串流播放起來很卡頓或有延遲?
RTMP播放器支援哪些瀏覽器和裝置?
如何取得RTMP直播串流位址?
RTMP播放器支援加密串流媒體播放嗎?
播放器有影片錄製功能嗎?
如何最佳化RTMP直播串流的播放品質?
RTMP播放器支援哪些影片編碼格式?
RTMP播放器使用者評價
來自直播營運、開發者和監控領域使用者的真實回饋
張工
直播維運工程師
"終於找到一個好用的RTMP測試工具!不需要安裝OBS就能快速驗證直播串流是否正常,截圖功能也很實用。瀏覽器直接播放,太方便了。"
李明
前端開發者
"基於flv.js的實作很專業,延遲控制得很好。用來測試我們的直播系統非常方便,省去了很多除錯時間。強烈推薦給直播開發者!"
王姐
安防監控管理員
"用來查看監控攝影機的RTMP串流,不需要安裝專用軟體。介面簡潔,操作簡單,截圖功能方便儲存證據。非常實用的工具!"
相關視頻工具推薦
更多线上視頻處理工具