影音串流

網路層對影音串流延遲的影響

基於 TCP 的 HLS 為何還會延遲或卡頓? 雖然 HLS(HTTP Live Streaming)是基於 TCP 傳輸協定,能保證資料不丟失且順序正確,但它天生具有「緩慢啟動、嚴格順序交付」的特性,會導致:啟播延遲(Startup Delay)、再傳延遲(Retransmission Delay)

淺談 Web EME API

什麼是 EME? EME 是簡稱,全名 Encrypted Media Extensions (加密媒體擴充 API),它現在是瀏覽器標準內建的 Web API,讓瀏覽器可以播放受 DRM 保護的影片。使用它的核心目標是讓 HTML5 <video> 支援加密內容,並確保只有合法授權的使用者能夠解碼和播放影片。 要注意的是: EME

iOS Safari 播放器全螢幕強制進入原生播放器

系統限制 Web 工程師在做影音播放器功能時,容易遇到在 iOS Safari 播放器點擊全螢幕,會進入 Safari 原生播放器的議題。當影片進入全螢幕模式後,會使用 iOS 原生的影片播放器介面,因此無法客製化全螢幕的 UI 介面。 Windows Browser (ex: Chrome) Mac Safari iOS Safari

瀏覽器影音限制:自動播放與靜音

為什麼網頁自動播放需要靜音? 自動播放的聲音可能會影響使用者的瀏覽體驗。舉例來說,各位早期網路世代的使用者,一定都被打開某些網站跳出 Jumpscare 嚇過,輕一點則是剛打開網頁,被背景播放的奇怪音樂震撼到,為了避免這種嚇到使用者的行為,現代瀏覽器(如 Chrome、Firefox 和 Safari)已預設禁止未靜音的影音檔自動播放。 請參考 https://developer.chrome.com/blog/autoplay?hl=

自 Chrome 109 版本開始靜音影片在切換分頁會被暫停..?

這是一篇隨手紀錄,大概在 1/30 收到回報。 若進入播放頁是預設靜音 + 自動播放時,切換到其他瀏覽器 tabs 分頁一段時間再切回來,會發現原本播放頁的影片是被暫停又重新播放的。 但是..但是瀏覽器的行為原本不是這樣啊!!! 排查過程 測試影片平台 * 公司平台任何一部影片 * Youtube 平台任何一部影片 錯誤複現 * 使用 Chrome 進入目前的播放頁 * 或是把有播放器自動播放且靜音的網頁作為該網站的首次進入點(ex:Youtube

Episode

00:00:00 00:00:00