Skip to content

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問題的方法

  • 使用支援CORS的串流媒體伺服器
  • 設定反向代理伺服器(如Nginx)轉發請求
  • 使用瀏覽器擴充功能暫時停用CORS(僅開發環境)
  • 在串流媒體伺服器上新增Access-Control-Allow-Origin標頭

如何使用RTMP線上播放器

簡單幾步實現RTMP/FLV直播串流線上播放

01

取得串流位址

從直播平台或串流媒體伺服器取得RTMP或HTTP-FLV串流媒體位址

  • 支援RTMP和HTTP-FLV格式
  • 可使用範例位址測試
  • 確保串流正在推送中
02

輸入位址播放

將串流位址貼上到輸入框,點擊播放按鈕開始連線和播放

  • 自動識別協定類型
  • RTMP自動轉換為HTTP-FLV
  • 顯示連線狀態
03

播放控制

使用播放控制按鈕進行暫停、靜音、全螢幕等操作

  • 支援即時截圖
  • 查看串流媒體資訊
  • 全螢幕觀看體驗
04

故障排查

如遇播放問題,檢查位址、網路和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

串流媒體協定對比

特性RTMPHTTP-FLVHLS
延遲1-3秒2-4秒5-30秒
相容性需要外掛瀏覽器原生廣泛支援
防火牆穿透較差良好優秀
行動端支援有限良好優秀
適用場景推流/內網低延遲直播隨選視訊/直播

HTTP-FLV是RTMP直播在瀏覽器播放的最佳選擇,兼顧低延遲和相容性

為什麼選擇我們的FLV/RTMP線上播放器

無需安裝外掛程式,瀏覽器直接播放RTMP和HTTP-FLV直播串流

零外掛播放

無需Flash

基於flv.js技術,現代瀏覽器原生支援RTMP/FLV播放

即開即用

無需下載安裝任何軟體或外掛程式,開啟網頁即可使用

低延遲直播

即時串流媒體

支援RTMP和HTTP-FLV協定,實現秒級延遲的直播體驗

穩定傳輸

成熟的串流媒體協定,保證傳輸穩定性和可靠性

實用功能

即時截圖

播放過程中一鍵截圖,儲存精彩畫面

串流資訊監控

即時顯示延遲、位元率、解析度等串流媒體參數

RTMP播放技術原理

了解瀏覽器如何實現無外掛RTMP串流播放

1

位址解析

解析輸入的RTMP或HTTP-FLV位址,識別協定類型

2

協定轉換

將RTMP位址轉換為HTTP-FLV格式以便瀏覽器請求

3

FLV解析

flv.js解析FLV容器,提取視訊和音訊資料

4

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串流,不需要安裝專用軟體。介面簡潔,操作簡單,截圖功能方便儲存證據。非常實用的工具!"

相關視頻工具推薦

更多线上視頻處理工具