m3u8 線上播放器
輸入任意支援 CORS 的 m3u8/HLS 影片位址，即可在瀏覽器中直接線上播放。
📺 什麼是 m3u8 檔案？看完你就懂了
簡單來說，m3u8 就是一個「播放清單」，跟你在音樂軟體裡建立的歌單差不多——只不過它列的是一段一段的影片分片位址。
打個比方：你看一部電影，如果是 MP4 格式，那就是一個完整的檔案，從頭到尾都在裡面。但如果是 m3u8 格式，電影會被切成幾百個小片段（每段可能就 5～10 秒）， 然後用一個 .m3u8 檔案把這些片段的位址都列出來，告訴播放器：「先播第 1 段，再播第 2 段，再播第 3 段……」
播放器拿到這個 m3u8 檔案後，會按照順序請求這些小片段並持續載入，你基本感覺不到它是分段的，看起來就是連續播放的影片。
🌐 HLS 協定：這玩意兒為什麼這麼火？
m3u8 檔案背後的技術叫 HLS（HTTP Live Streaming），是蘋果公司在 2009 年推出的，現在已經成了線上影片常見協定。 大型影音服務、線上課程、直播平台和自建媒體系統都會用到 HLS，主要原因有這幾個：
- 自動調畫質：網速快的時候自動切到 1080p 高畫質，網速慢了自動降到 480p 流暢檔，不用你手動切換，也不會卡住。
- 不挑伺服器：HLS 走的是標準 HTTP 協定，普通的網站伺服器就能用，不需要什麼專門的串流媒體伺服器，部署起來特別省事。
- CDN 友善：影片分片可以直接扔到 CDN（內容分發網路）上，使用者看影片的時候會自動從最近的節點拉取，速度快、延遲低。
- 直播和點播都能搞：直播的時候，伺服器一邊產生新的分片，一邊更新 m3u8 列表；點播的時候，列表是固定的，使用者可以隨便拖動進度條。
- 頻寬效率高：使用者快進的時候，只需要載入目標位置附近的幾個分片，不必傳輸整段影片。
🔧 實際用在哪些地方？
線上影片網站：許多影音服務會採用 HLS 做點播與直播。你點選播放時，瀏覽器會請求播放清單，然後按照列表一段一段載入影片。
直播平台：體育賽事直播、遊戲直播（比如 Twitch、虎牙、鬥魚），都在用 HLS。主播那邊推流到伺服器，伺服器即時產生 .ts 分片並更新 m3u8 列表，觀眾這邊就能看到直播畫面（一般會有 10～30 秒延遲）。
線上課程：慕課、網校這類平台，用 m3u8 可以方便地實現「倍速播放」「章節跳轉」「斷點續看」，還能配合 DRM 加密防止課程被盜錄。
監控回放：很多智慧攝影機的雲端錄影回放也是 HLS 格式，你在手機 App 上檢視錄影的時候，其實是在播放一個 m3u8 列表。
💻 怎麼把這個播放器嵌入到自己的網站？
如果你有自己的網站或部落格，想加一個 m3u8 播放器，直接複製下面這行程式碼貼到你的 HTML 裡就行：
<iframe src="https://playearns.com/player.html?url=你的m3u8位址"
width="100%" height="500" frameborder="0" allowfullscreen></iframe>
把 url=你的m3u8位址 改成實際的影片連結就可以了。比如你的影片位址是 https://example.com/video/index.m3u8，
那就寫成 https://playearns.com/player.html?url=https://example.com/video/index.m3u8。
如果你有多個頻道或多個影片，可以在頁面裡放一排按鈕，每個按鈕對應一個 m3u8 位址，使用者點選哪個按鈕，就用 JavaScript 改一下 iframe 的 src 屬性，
這樣就能實現頻道切換了（類似電視換台）。
⚠️ 為什麼有些 m3u8 播放不了？
問題 1：跨域限制（CORS）
這是最常見的原因。如果影片伺服器沒有配置跨域存取權限（Access-Control-Allow-Origin 回應標頭），瀏覽器會拒絕載入 m3u8 檔案或分片。
如果你管理該媒體服務，應從伺服器端補齊 CORS 回應標頭；如果只是測試授權來源，可以用 VLC、PotPlayer 等本地播放器交叉驗證。
問題 2：連結失效或需要鑑權
有些 m3u8 位址是帶時效性的（比如只能在產生後 1 小時內存取），或者需要特定的 token 才能存取，過期或缺少 token 就會 404。
問題 3：加密影片
有些平台會對分片進行 AES-128 或 DRM 保護，播放時需要合法授權和對應金鑰。如果缺少授權，就算拿到 m3u8 檔案也無法播放。
📥 m3u8 和 MP4 有什麼區別？
m3u8 是播放列表，描述「怎麼播、播哪些分片」；MP4 是影片檔案本身，包含實際的音影片資料。
m3u8 適合線上播放：特別是直播和長影片點播，支援自適應碼率、快進、斷點續播。
MP4 適合自有素材封裝：一個檔案就包含主要音影片資料，便於在授權範圍內做本地測試、歸檔或剪輯前置處理。
如果你需要處理自己擁有或已取得授權的 HLS 素材，可以閱讀 m3u8 轉 MP4 合法處理說明， 了解 CORS、分片、編碼相容性和 FFmpeg 基礎命令的限制。
🛠️ 如何合法處理 HLS 素材？
方法 1：先確認授權與來源
只處理你自己上傳、自己製作，或已取得明確授權的 HLS 串流。若連結來自第三方平台，請優先遵守該平台的服務條款和授權範圍。
方法 2：用 FFmpeg 做本地驗證
FFmpeg 適合開發者檢查自有媒體的封裝與編碼問題，例如將可公開存取且已授權的 HLS 清單封裝為 MP4：
ffmpeg -i "https://example.com/owned-media/index.m3u8" -c copy output.mp4
方法 3：定位播放問題
若本頁播放器無法播放，請先檢查 Network 面板中的狀態碼、CORS 回應標頭、分片 MIME 類型、金鑰請求是否授權，以及播放清單是否過期。