jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-31 21:17:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prefer native hls support

Browse Source
This commit is contained in:
Bram Kragten 2020-06-10 10:59:23 +02:00
parent 256aec5308
commit 6b2754c4cc
1 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/ha-camera-stream.ts
View File

@ -125,19 +125,23 @@ class HaCameraStream extends LitElement {
}
private async _startHls(): Promise<void> {
// eslint-disable-next-line
const Hls = ((await import(
/* webpackChunkName: "hls.js" */ "hls.js"
)) as any).default as HLSModule;
let hlsSupported = Hls.isSupported();
const videoEl = this._videoEl;
if (!hlsSupported) {
hlsSupported =
videoEl.canPlayType("application/vnd.apple.mpegurl") !== "";
const nativeHlsSupported =
!!videoEl.canPlayType &&
(videoEl.canPlayType("application/vnd.apple.mpegURL") !== "" ||
videoEl.canPlayType("audio/mpegurl") !== "");
let hlsSupported = false;
let Hls: HLSModule | undefined;
if (!nativeHlsSupported) {
Hls = ((await import(/* webpackChunkName: "hls.js" */ "hls.js")) as any)
.default as HLSModule;
hlsSupported = Hls.isSupported();
}
if (!hlsSupported) {
if (!nativeHlsSupported && !hlsSupported) {
this._forceMJPEG = this.stateObj!.entity_id;
return;
}
@ -148,10 +152,10 @@ class HaCameraStream extends LitElement {
this.stateObj!.entity_id
);
if (Hls.isSupported()) {
this._renderHLSPolyfill(videoEl, Hls, url);
} else {
if (nativeHlsSupported) {
this._renderHLSNative(videoEl, url);
} else {
this._renderHLSPolyfill(videoEl, Hls!, url);
}
return;
} catch (err) {
@ -176,7 +180,11 @@ class HaCameraStream extends LitElement {
Hls: HLSModule,
url: string
) {
const hls = new Hls();
const hls = new Hls({
liveSyncDurationCount: 3,
liveBackBufferLength: 0,
liveDurationInfinity: true,
});
this._hlsPolyfillInstance = hls;
hls.attachMedia(videoEl);
hls.on(Hls.Events.MEDIA_ATTACHED, () => {