2017-08-26 93 views
0

我試圖找到有關如何HTML5視頻尋找API工作的文檔,我寫了一些代碼,並驚訝地發現,當我撥打電話尋求一個視頻,它使得另一個GET請求到後端(我猜測是有道理的),但我找不到有關它如何將請求上的信息傳遞給後端進行處理的文檔。HTML5視頻尋找API如何工作?

任何想法,我可以閱讀文檔或解釋它如何工作?

+1

搜索HTTP範圍請求。 – ivo

+0

這是使用Chrome開發人員工具嗎?只有當你打開「網絡」選項卡時才這樣做(否則就像平常一樣)。也許它出於調試的目的? –

回答

1

許多網頁實際上使用了視頻播放器,如JWPlayer,Dash.js,BitMovin等,以及HTML視頻標籤,這可能會使圖片複雜化,因爲它們可能有自己的搜索邏輯或優化。

對於簡單的HTTP流式傳輸,播放器會按照Ivo提及的使用HTTP範圍請求以塊的形式下載視頻。

對於更復雜的場景,其中使用HLS或DASH等流媒體協議對視頻進行流式傳輸,視頻將再次以塊的形式下載,但請求的塊是流協議實現的一部分。

DASH和HLS是自適應流媒體協議,可以爲視頻的每個塊提供多個比特率的版本,從而允許播放器爲當前的網絡條件和設備分辨率等選擇最好的一個 - 請參閱這裏瞭解如何看到不同的比特以YouTube上的價格爲例:https://stackoverflow.com/a/42365034/334402

如果您想提供良好的用戶體驗,尋求實際上有點複雜。

許多玩家將支持由服務器提供的單獨縮略圖流 - 這允許玩家沿着時間線顯示各個點的場景縮略圖。這本質上是視頻中的一組圖像,因此顯示縮略圖的速度會更快,因爲播放器無需下載整段視頻並進行解碼,只是爲了顯示您在時間軸上懸停的點。

當您實際點擊該點時,它只會請求該部分視頻並進行解碼並播放。