jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-18 23:06:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enable/Disable LL-HLS support based on http/2 availability (#11372)

Browse Source 
Co-authored-by: Paulus Schoutsen <paulus@home-assistant.io>
Co-authored-by: Philip Allgaier <philip.allgaier@gmx.de>
This commit is contained in:
Allen Porter 2022-01-21 08:06:00 -08:00 committed by GitHub
parent 3bf19883a8
commit 28df79cfda
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ha-hls-player.ts
View File

@ -48,8 +48,11 @@ class HaHLSPlayer extends LitElement {
private _exoPlayer = false;
private static streamCount = 0;
public connectedCallback() {
super.connectedCallback();
HaHLSPlayer.streamCount += 1;
if (this.hasUpdated) {
this._startHls();
}
@ -57,6 +60,7 @@ class HaHLSPlayer extends LitElement {
public disconnectedCallback() {
super.disconnectedCallback();
HaHLSPlayer.streamCount -= 1;
this._cleanUp();
}
@ -186,6 +190,28 @@ class HaHLSPlayer extends LitElement {
});
};
private _isLLHLSSupported(): boolean {
// LL-HLS keeps multiple requests in flight, which can run into browser limitations without
// an http/2 proxy to pipeline requests. However, a small number of streams active at
// once should be OK.
// The stream count may be incremented multiple times before this function is called to check
// the count e.g. when loading a page with many streams on it. The race can work in our favor
// so we now have a better idea on if we'll use too many browser connections later.
if (HaHLSPlayer.streamCount <= 2) {
return true;
}
if (
!("performance" in window) ||
performance.getEntriesByType("resource").length === 0
) {
return false;
}
const perfEntry = performance.getEntriesByType(
"resource"
)[0] as PerformanceResourceTiming;
return "nextHopProtocol" in perfEntry && perfEntry.nextHopProtocol === "h2";
}
private async _renderHLSPolyfill(
videoEl: HTMLVideoElement,
Hls: typeof HlsType,
@ -197,6 +223,7 @@ class HaHLSPlayer extends LitElement {
manifestLoadingTimeOut: 30000,
levelLoadingTimeOut: 30000,
maxLiveSyncPlaybackRate: 2,
lowLatencyMode: this._isLLHLSSupported(),
});
this._hlsPolyfillInstance = hls;
hls.attachMedia(videoEl);