@livepeer-frameworks/player-wc 0.2.11 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/controls/fw-fullscreen-button.js +1 -1
- package/dist/esm/components/controls/fw-live-badge.js +1 -1
- package/dist/esm/components/controls/fw-play-button.js +1 -1
- package/dist/esm/components/controls/fw-skip-button.js +1 -1
- package/dist/esm/components/controls/fw-time-display.js +1 -1
- package/dist/esm/components/controls/fw-volume-control.js +1 -1
- package/dist/esm/components/fw-context-menu.js +1 -1
- package/dist/esm/components/fw-dev-mode-panel.js +1 -1
- package/dist/esm/components/fw-dvd-logo.js +1 -1
- package/dist/esm/components/fw-error-overlay.js +1 -1
- package/dist/esm/components/fw-idle-screen.js +1 -1
- package/dist/esm/components/fw-loading-screen.js +1 -1
- package/dist/esm/components/fw-loading-spinner.js +1 -1
- package/dist/esm/components/fw-player-controls.js +3 -1
- package/dist/esm/components/fw-player-controls.js.map +1 -1
- package/dist/esm/components/fw-player.js +1 -1
- package/dist/esm/components/fw-seek-bar.js +82 -2
- package/dist/esm/components/fw-seek-bar.js.map +1 -1
- package/dist/esm/components/fw-settings-menu.js +1 -1
- package/dist/esm/components/fw-skip-indicator.js +1 -1
- package/dist/esm/components/fw-speed-indicator.js +1 -1
- package/dist/esm/components/fw-stats-panel.js +1 -1
- package/dist/esm/components/fw-stream-state-overlay.js +1 -1
- package/dist/esm/components/fw-subtitle-renderer.js +1 -1
- package/dist/esm/components/fw-thumbnail-overlay.js +1 -1
- package/dist/esm/components/fw-title-overlay.js +1 -1
- package/dist/esm/components/fw-toast.js +1 -1
- package/dist/esm/components/fw-volume-control.js +1 -1
- package/dist/esm/controllers/player-controller-host.js +4 -0
- package/dist/esm/controllers/player-controller-host.js.map +1 -1
- package/dist/esm/node_modules/.pnpm/{@rollup_plugin-typescript@12.3.0_rollup@4.59.0_tslib@2.8.1_typescript@5.9.3 → @rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2}/node_modules/tslib/tslib.es6.js.map +1 -1
- package/dist/esm/styles/shared-styles.js +17 -1
- package/dist/esm/styles/shared-styles.js.map +1 -1
- package/dist/fw-player.iife.js +104 -82
- package/dist/types/components/fw-seek-bar.d.ts +9 -0
- package/dist/types/controllers/player-controller-host.d.ts +2 -1
- package/package.json +8 -8
- package/src/components/fw-player-controls.ts +2 -0
- package/src/components/fw-seek-bar.ts +84 -1
- package/src/controllers/player-controller-host.ts +9 -0
- package/src/styles/shared-styles.ts +17 -1
- /package/dist/esm/node_modules/.pnpm/{@rollup_plugin-typescript@12.3.0_rollup@4.59.0_tslib@2.8.1_typescript@5.9.3 → @rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2}/node_modules/tslib/tslib.es6.js +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { createTranslator } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { createTranslator } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { createTranslator } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { property, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { createTranslator } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { formatTimeDisplay } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { createTranslator } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement } from 'lit';
|
|
3
3
|
import { customElement } from 'lit/decorators.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, nothing, html } from 'lit';
|
|
3
3
|
import { property, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { property, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { property, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html, nothing } from 'lit';
|
|
3
3
|
import { property, query, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { sharedStyles } from '../styles/shared-styles.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { property, query, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { sharedStyles } from '../styles/shared-styles.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { property, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { createTranslator } from '@livepeer-frameworks/player-core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, nothing, html } from 'lit';
|
|
3
3
|
import { property, state, query, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
@@ -237,6 +237,8 @@ let FwPlayerControls = class FwPlayerControls extends LitElement {
|
|
|
237
237
|
.seekableStart=${context.seekableStart}
|
|
238
238
|
.liveEdge=${context.liveEdge}
|
|
239
239
|
.commitOnRelease=${context.commitOnRelease}
|
|
240
|
+
.isPlaying=${state.isPlaying}
|
|
241
|
+
.thumbnailCues=${state.thumbnailCues}
|
|
240
242
|
@fw-seek=${(event) => this.pc.seek(event.detail.time)}
|
|
241
243
|
></fw-seek-bar>
|
|
242
244
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fw-player-controls.js","sources":["../../../../src/components/fw-player-controls.ts"],"sourcesContent":["/**\n * <fw-player-controls> — Player controls with seek, volume, live state, and settings.\n * Parity port of React/Svelte control behavior.\n */\nimport { LitElement, html, css, nothing, type PropertyValues } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n playIcon,\n pauseIcon,\n fullscreenIcon,\n fullscreenExitIcon,\n settingsIcon,\n seekToLiveIcon,\n skipBackIcon,\n skipForwardIcon,\n statsIcon,\n} from \"../icons/index.js\";\nimport {\n calculateIsNearLive,\n calculateLiveThresholds,\n calculateSeekableRange,\n canSeekStream,\n formatTimeDisplay,\n isLiveContent,\n isMediaStreamSource,\n type MistStreamInfo,\n type PlaybackMode,\n type FwLocale,\n} from \"@livepeer-frameworks/player-core\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\ninterface SeekingContext {\n mistStreamInfo?: MistStreamInfo;\n isLive: boolean;\n sourceType?: string;\n seekableStart: number;\n liveEdge: number;\n hasDvrWindow: boolean;\n canSeek: boolean;\n commitOnRelease: boolean;\n liveThresholds: ReturnType<typeof calculateLiveThresholds>;\n}\n\n@customElement(\"fw-player-controls\")\nexport class FwPlayerControls extends LitElement {\n @property({ attribute: false }) pc!: PlayerControllerHost;\n @property({ type: String }) playbackMode: PlaybackMode = \"auto\";\n @property({ type: Boolean, attribute: \"is-content-live\" }) isContentLive = false;\n @property({ type: Boolean, attribute: \"dev-mode\" }) devMode = false;\n @property({ type: Boolean, attribute: \"show-stats-button\" }) showStatsButton = false;\n @property({ type: Boolean, attribute: \"is-stats-open\" }) isStatsOpen = false;\n @property({ attribute: \"active-locale\" }) activeLocale?: FwLocale;\n\n @state() private _settingsOpen = false;\n @state() private _isNearLiveState = true;\n @state() private _buffered: TimeRanges | null = null;\n @query(\".fw-settings-anchor\") private _settingsAnchorEl!: HTMLElement | null;\n\n private _boundVideo: HTMLVideoElement | null = null;\n private _onBufferedUpdate: (() => void) | null = null;\n\n static styles = [\n sharedStyles,\n utilityStyles,\n css`\n :host {\n display: contents;\n }\n\n .fw-settings-anchor {\n position: relative;\n }\n `,\n ];\n\n connectedCallback(): void {\n super.connectedCallback();\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this._unbindVideoEvents();\n this._detachWindowClickListener();\n }\n\n protected updated(changed: PropertyValues<this>): void {\n this._bindVideoEvents();\n this._reconcileNearLiveState();\n\n if (changed.has(\"_settingsOpen\" as keyof FwPlayerControls)) {\n if (this._settingsOpen) {\n this._attachWindowClickListener();\n } else {\n this._detachWindowClickListener();\n }\n }\n }\n\n private _bindVideoEvents(): void {\n const video = this.pc?.s.videoElement ?? null;\n if (video === this._boundVideo) {\n return;\n }\n\n this._unbindVideoEvents();\n this._boundVideo = video;\n\n if (!video) {\n this._buffered = null;\n return;\n }\n\n const updateBuffered = () => {\n this._buffered = this.pc.getBufferedRanges() ?? video.buffered;\n };\n\n updateBuffered();\n video.addEventListener(\"progress\", updateBuffered);\n video.addEventListener(\"loadeddata\", updateBuffered);\n this._onBufferedUpdate = updateBuffered;\n }\n\n private _unbindVideoEvents(): void {\n if (!this._boundVideo) {\n return;\n }\n\n const updateBuffered = this._onBufferedUpdate;\n if (updateBuffered) {\n this._boundVideo.removeEventListener(\"progress\", updateBuffered);\n this._boundVideo.removeEventListener(\"loadeddata\", updateBuffered);\n }\n\n this._boundVideo = null;\n this._onBufferedUpdate = null;\n }\n\n private _attachWindowClickListener(): void {\n window.setTimeout(() => {\n if (!this._settingsOpen) {\n return;\n }\n window.addEventListener(\"click\", this._onWindowClick);\n }, 0);\n }\n\n private _detachWindowClickListener(): void {\n window.removeEventListener(\"click\", this._onWindowClick);\n }\n\n private _onWindowClick = (event: MouseEvent): void => {\n const path = event.composedPath();\n const anchor = this._settingsAnchorEl;\n const insideControls =\n anchor !== null &&\n path.some((entry) => {\n if (!(entry instanceof Node)) {\n return false;\n }\n return anchor.contains(entry);\n });\n\n if (!insideControls) {\n this._settingsOpen = false;\n }\n };\n\n private _deriveBufferWindowMs(\n tracks?: Record<string, { type?: string; firstms?: number; lastms?: number }>\n ): number | undefined {\n if (!tracks) {\n return undefined;\n }\n\n // Filter out meta tracks and tracks with lastms <= 0 (same as PlayerController)\n const trackValues = Object.values(tracks).filter(\n (t) => t.type !== \"meta\" && (t.lastms === undefined || t.lastms > 0)\n );\n if (trackValues.length === 0) {\n return undefined;\n }\n\n const firstmsValues = trackValues\n .map((track) => track.firstms)\n .filter((value): value is number => typeof value === \"number\");\n const lastmsValues = trackValues\n .map((track) => track.lastms)\n .filter((value): value is number => typeof value === \"number\");\n\n if (firstmsValues.length === 0 || lastmsValues.length === 0) {\n return undefined;\n }\n\n const firstms = Math.min(...firstmsValues);\n const lastms = Math.max(...lastmsValues);\n const window = lastms - firstms;\n\n if (!Number.isFinite(window) || window <= 0) {\n return undefined;\n }\n\n return window;\n }\n\n private _getSeekingContext(): SeekingContext {\n const state = this.pc.s;\n const controller = this.pc.getController();\n const sourceType = state.currentSourceInfo?.type;\n const mistStreamInfo = state.streamState?.streamInfo as MistStreamInfo | undefined;\n\n const isLive = isLiveContent(this.isContentLive, mistStreamInfo, state.duration);\n const bufferWindowMs =\n mistStreamInfo?.meta?.buffer_window ??\n this._deriveBufferWindowMs(\n mistStreamInfo?.meta?.tracks as\n | Record<string, { type?: string; firstms?: number; lastms?: number }>\n | undefined\n );\n\n const isWebRTC = isMediaStreamSource(state.videoElement);\n\n const allowMediaStreamDvr =\n isMediaStreamSource(state.videoElement) && bufferWindowMs !== undefined && bufferWindowMs > 0;\n\n const calculatedRange = calculateSeekableRange({\n isLive,\n video: state.videoElement,\n mistStreamInfo,\n currentTime: state.currentTime,\n duration: state.duration,\n allowMediaStreamDvr,\n });\n\n const controllerSeekableStart = this.pc.getSeekableStart();\n const controllerLiveEdge = this.pc.getLiveEdge();\n\n const useControllerRange =\n Number.isFinite(controllerSeekableStart) &&\n Number.isFinite(controllerLiveEdge) &&\n controllerLiveEdge >= controllerSeekableStart &&\n (controllerLiveEdge > 0 || controllerSeekableStart > 0);\n\n const seekableStart = useControllerRange\n ? controllerSeekableStart\n : calculatedRange.seekableStart;\n const liveEdge = useControllerRange ? controllerLiveEdge : calculatedRange.liveEdge;\n\n const hasDvrWindow =\n isLive &&\n Number.isFinite(liveEdge) &&\n Number.isFinite(seekableStart) &&\n liveEdge > seekableStart;\n\n const baseCanSeek =\n controller?.canSeekStream?.() ??\n canSeekStream({\n video: state.videoElement,\n isLive,\n duration: state.duration,\n bufferWindowMs,\n });\n\n const liveThresholds = calculateLiveThresholds(sourceType, isWebRTC, bufferWindowMs);\n\n return {\n mistStreamInfo,\n isLive,\n sourceType,\n seekableStart,\n liveEdge,\n hasDvrWindow,\n canSeek: baseCanSeek && (!isLive || hasDvrWindow),\n commitOnRelease: isLive,\n liveThresholds,\n };\n }\n\n private _reconcileNearLiveState(): void {\n const context = this._getSeekingContext();\n\n if (!context.isLive) {\n if (!this._isNearLiveState) {\n this._isNearLiveState = true;\n }\n return;\n }\n\n const next = calculateIsNearLive(\n this.pc.s.currentTime,\n context.liveEdge,\n context.liveThresholds,\n this._isNearLiveState\n );\n\n if (next !== this._isNearLiveState) {\n this._isNearLiveState = next;\n }\n }\n\n private _handleModeChange(\n event: CustomEvent<{ mode: \"auto\" | \"low-latency\" | \"quality\" }>\n ): void {\n const { mode } = event.detail;\n this.dispatchEvent(\n new CustomEvent(\"fw-mode-change\", {\n detail: { mode },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n protected render() {\n const state = this.pc.s;\n const disabled = !state.videoElement;\n const context = this._getSeekingContext();\n const shouldShowControls =\n state.shouldShowControls ||\n state.isPaused ||\n !state.hasPlaybackStarted ||\n state.shouldShowIdleScreen ||\n !!state.error ||\n this._settingsOpen;\n\n const timeDisplay = formatTimeDisplay({\n isLive: context.isLive,\n currentTime: state.currentTime,\n duration: state.duration,\n liveEdge: context.liveEdge,\n seekableStart: context.seekableStart,\n unixoffset: context.mistStreamInfo?.unixoffset,\n });\n const showTimeDisplay = !(context.isLive && timeDisplay === \"LIVE\");\n\n const liveButtonDisabled = !context.hasDvrWindow || this._isNearLiveState;\n\n return html`\n <div\n class=${classMap({\n \"fw-controls-wrapper\": true,\n \"fw-controls-wrapper--visible\": shouldShowControls,\n \"fw-controls-wrapper--hidden\": !shouldShowControls,\n })}\n >\n <div class=\"fw-control-bar\" @click=${(event: Event) => event.stopPropagation()}>\n ${context.canSeek\n ? html`\n <div class=\"fw-seek-wrapper\">\n <fw-seek-bar\n .currentTime=${state.currentTime}\n .duration=${state.duration}\n .buffered=${this._buffered}\n .disabled=${disabled}\n .isLive=${context.isLive}\n .seekableStart=${context.seekableStart}\n .liveEdge=${context.liveEdge}\n .commitOnRelease=${context.commitOnRelease}\n @fw-seek=${(event: CustomEvent<{ time: number }>) =>\n this.pc.seek(event.detail.time)}\n ></fw-seek-bar>\n </div>\n `\n : nothing}\n\n <div class=\"fw-controls-row\">\n <div class=\"fw-controls-left\">\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n class=\"fw-btn-flush\"\n ?disabled=${disabled}\n aria-label=${state.isPlaying ? this.pc.t(\"pause\") : this.pc.t(\"play\")}\n @click=${() => this.pc.togglePlay()}\n >\n ${state.isPlaying ? pauseIcon(18) : playIcon(18)}\n </button>\n\n ${context.canSeek\n ? html`\n <button\n type=\"button\"\n class=\"fw-btn-flush hidden sm:flex\"\n ?disabled=${disabled}\n aria-label=${this.pc.t(\"skipBackward\")}\n @click=${() => this.pc.seekBy(-10000)}\n >\n ${skipBackIcon(16)}\n </button>\n <button\n type=\"button\"\n class=\"fw-btn-flush hidden sm:flex\"\n ?disabled=${disabled}\n aria-label=${this.pc.t(\"skipForward\")}\n @click=${() => this.pc.seekBy(10000)}\n >\n ${skipForwardIcon(16)}\n </button>\n `\n : nothing}\n </div>\n\n <div class=\"fw-control-group\">\n <fw-volume-control .pc=${this.pc}></fw-volume-control>\n </div>\n\n ${showTimeDisplay\n ? html`\n <div class=\"fw-control-group\">\n <span class=\"fw-time-display\">${timeDisplay}</span>\n </div>\n `\n : nothing}\n ${context.isLive\n ? html`\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n @click=${() => this.pc.jumpToLive()}\n ?disabled=${liveButtonDisabled}\n class=${classMap({\n \"fw-live-badge\": true,\n \"fw-live-badge--active\": liveButtonDisabled,\n \"fw-live-badge--behind\": !liveButtonDisabled,\n })}\n title=${!context.hasDvrWindow\n ? this.pc.t(\"live\")\n : this._isNearLiveState\n ? this.pc.t(\"live\")\n : this.pc.t(\"live\")}\n >\n ${this.pc.t(\"live\").toUpperCase()}\n ${!this._isNearLiveState && context.hasDvrWindow\n ? seekToLiveIcon(10)\n : nothing}\n </button>\n </div>\n `\n : nothing}\n </div>\n\n <div class=\"fw-controls-right\">\n ${this.showStatsButton\n ? html`\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n class=${classMap({\n \"fw-btn-flush\": true,\n \"fw-btn-flush--active\": this.isStatsOpen,\n })}\n aria-label=${this.pc.t(\"showStats\")}\n title=${this.pc.t(\"showStats\")}\n @click=${() =>\n this.dispatchEvent(\n new CustomEvent(\"fw-stats-toggle\", {\n bubbles: true,\n composed: true,\n })\n )}\n >\n ${statsIcon(16)}\n </button>\n </div>\n `\n : nothing}\n <div class=\"fw-control-group fw-settings-anchor\">\n <button\n type=\"button\"\n class=${classMap({\n \"fw-btn-flush\": true,\n group: true,\n \"fw-btn-flush--active\": this._settingsOpen,\n })}\n aria-label=${this.pc.t(\"settings\")}\n title=${this.pc.t(\"settings\")}\n ?disabled=${disabled}\n @click=${(event: MouseEvent) => {\n event.stopPropagation();\n if (disabled) {\n return;\n }\n this._settingsOpen = !this._settingsOpen;\n }}\n >\n <span class=\"transition-transform group-hover:rotate-90\"\n >${settingsIcon(16)}</span\n >\n </button>\n\n <fw-settings-menu\n .pc=${this.pc}\n .open=${this._settingsOpen}\n .playbackMode=${this.playbackMode}\n .isContentLive=${this.isContentLive}\n .activeLocale=${this.activeLocale}\n @click=${(event: MouseEvent) => event.stopPropagation()}\n @fw-close=${() => {\n this._settingsOpen = false;\n }}\n @fw-mode-change=${this._handleModeChange}\n ></fw-settings-menu>\n </div>\n\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n class=\"fw-btn-flush\"\n ?disabled=${disabled}\n aria-label=${state.isFullscreen\n ? this.pc.t(\"exitFullscreen\")\n : this.pc.t(\"fullscreen\")}\n @click=${() => this.pc.toggleFullscreen()}\n >\n ${state.isFullscreen ? fullscreenExitIcon(16) : fullscreenIcon(16)}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"fw-player-controls\": FwPlayerControls;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fw-player-controls.js","sources":["../../../../src/components/fw-player-controls.ts"],"sourcesContent":["/**\n * <fw-player-controls> — Player controls with seek, volume, live state, and settings.\n * Parity port of React/Svelte control behavior.\n */\nimport { LitElement, html, css, nothing, type PropertyValues } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { utilityStyles } from \"../styles/utility-styles.js\";\nimport {\n playIcon,\n pauseIcon,\n fullscreenIcon,\n fullscreenExitIcon,\n settingsIcon,\n seekToLiveIcon,\n skipBackIcon,\n skipForwardIcon,\n statsIcon,\n} from \"../icons/index.js\";\nimport {\n calculateIsNearLive,\n calculateLiveThresholds,\n calculateSeekableRange,\n canSeekStream,\n formatTimeDisplay,\n isLiveContent,\n isMediaStreamSource,\n type MistStreamInfo,\n type PlaybackMode,\n type FwLocale,\n} from \"@livepeer-frameworks/player-core\";\nimport type { PlayerControllerHost } from \"../controllers/player-controller-host.js\";\n\ninterface SeekingContext {\n mistStreamInfo?: MistStreamInfo;\n isLive: boolean;\n sourceType?: string;\n seekableStart: number;\n liveEdge: number;\n hasDvrWindow: boolean;\n canSeek: boolean;\n commitOnRelease: boolean;\n liveThresholds: ReturnType<typeof calculateLiveThresholds>;\n}\n\n@customElement(\"fw-player-controls\")\nexport class FwPlayerControls extends LitElement {\n @property({ attribute: false }) pc!: PlayerControllerHost;\n @property({ type: String }) playbackMode: PlaybackMode = \"auto\";\n @property({ type: Boolean, attribute: \"is-content-live\" }) isContentLive = false;\n @property({ type: Boolean, attribute: \"dev-mode\" }) devMode = false;\n @property({ type: Boolean, attribute: \"show-stats-button\" }) showStatsButton = false;\n @property({ type: Boolean, attribute: \"is-stats-open\" }) isStatsOpen = false;\n @property({ attribute: \"active-locale\" }) activeLocale?: FwLocale;\n\n @state() private _settingsOpen = false;\n @state() private _isNearLiveState = true;\n @state() private _buffered: TimeRanges | null = null;\n @query(\".fw-settings-anchor\") private _settingsAnchorEl!: HTMLElement | null;\n\n private _boundVideo: HTMLVideoElement | null = null;\n private _onBufferedUpdate: (() => void) | null = null;\n\n static styles = [\n sharedStyles,\n utilityStyles,\n css`\n :host {\n display: contents;\n }\n\n .fw-settings-anchor {\n position: relative;\n }\n `,\n ];\n\n connectedCallback(): void {\n super.connectedCallback();\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this._unbindVideoEvents();\n this._detachWindowClickListener();\n }\n\n protected updated(changed: PropertyValues<this>): void {\n this._bindVideoEvents();\n this._reconcileNearLiveState();\n\n if (changed.has(\"_settingsOpen\" as keyof FwPlayerControls)) {\n if (this._settingsOpen) {\n this._attachWindowClickListener();\n } else {\n this._detachWindowClickListener();\n }\n }\n }\n\n private _bindVideoEvents(): void {\n const video = this.pc?.s.videoElement ?? null;\n if (video === this._boundVideo) {\n return;\n }\n\n this._unbindVideoEvents();\n this._boundVideo = video;\n\n if (!video) {\n this._buffered = null;\n return;\n }\n\n const updateBuffered = () => {\n this._buffered = this.pc.getBufferedRanges() ?? video.buffered;\n };\n\n updateBuffered();\n video.addEventListener(\"progress\", updateBuffered);\n video.addEventListener(\"loadeddata\", updateBuffered);\n this._onBufferedUpdate = updateBuffered;\n }\n\n private _unbindVideoEvents(): void {\n if (!this._boundVideo) {\n return;\n }\n\n const updateBuffered = this._onBufferedUpdate;\n if (updateBuffered) {\n this._boundVideo.removeEventListener(\"progress\", updateBuffered);\n this._boundVideo.removeEventListener(\"loadeddata\", updateBuffered);\n }\n\n this._boundVideo = null;\n this._onBufferedUpdate = null;\n }\n\n private _attachWindowClickListener(): void {\n window.setTimeout(() => {\n if (!this._settingsOpen) {\n return;\n }\n window.addEventListener(\"click\", this._onWindowClick);\n }, 0);\n }\n\n private _detachWindowClickListener(): void {\n window.removeEventListener(\"click\", this._onWindowClick);\n }\n\n private _onWindowClick = (event: MouseEvent): void => {\n const path = event.composedPath();\n const anchor = this._settingsAnchorEl;\n const insideControls =\n anchor !== null &&\n path.some((entry) => {\n if (!(entry instanceof Node)) {\n return false;\n }\n return anchor.contains(entry);\n });\n\n if (!insideControls) {\n this._settingsOpen = false;\n }\n };\n\n private _deriveBufferWindowMs(\n tracks?: Record<string, { type?: string; firstms?: number; lastms?: number }>\n ): number | undefined {\n if (!tracks) {\n return undefined;\n }\n\n // Filter out meta tracks and tracks with lastms <= 0 (same as PlayerController)\n const trackValues = Object.values(tracks).filter(\n (t) => t.type !== \"meta\" && (t.lastms === undefined || t.lastms > 0)\n );\n if (trackValues.length === 0) {\n return undefined;\n }\n\n const firstmsValues = trackValues\n .map((track) => track.firstms)\n .filter((value): value is number => typeof value === \"number\");\n const lastmsValues = trackValues\n .map((track) => track.lastms)\n .filter((value): value is number => typeof value === \"number\");\n\n if (firstmsValues.length === 0 || lastmsValues.length === 0) {\n return undefined;\n }\n\n const firstms = Math.min(...firstmsValues);\n const lastms = Math.max(...lastmsValues);\n const window = lastms - firstms;\n\n if (!Number.isFinite(window) || window <= 0) {\n return undefined;\n }\n\n return window;\n }\n\n private _getSeekingContext(): SeekingContext {\n const state = this.pc.s;\n const controller = this.pc.getController();\n const sourceType = state.currentSourceInfo?.type;\n const mistStreamInfo = state.streamState?.streamInfo as MistStreamInfo | undefined;\n\n const isLive = isLiveContent(this.isContentLive, mistStreamInfo, state.duration);\n const bufferWindowMs =\n mistStreamInfo?.meta?.buffer_window ??\n this._deriveBufferWindowMs(\n mistStreamInfo?.meta?.tracks as\n | Record<string, { type?: string; firstms?: number; lastms?: number }>\n | undefined\n );\n\n const isWebRTC = isMediaStreamSource(state.videoElement);\n\n const allowMediaStreamDvr =\n isMediaStreamSource(state.videoElement) && bufferWindowMs !== undefined && bufferWindowMs > 0;\n\n const calculatedRange = calculateSeekableRange({\n isLive,\n video: state.videoElement,\n mistStreamInfo,\n currentTime: state.currentTime,\n duration: state.duration,\n allowMediaStreamDvr,\n });\n\n const controllerSeekableStart = this.pc.getSeekableStart();\n const controllerLiveEdge = this.pc.getLiveEdge();\n\n const useControllerRange =\n Number.isFinite(controllerSeekableStart) &&\n Number.isFinite(controllerLiveEdge) &&\n controllerLiveEdge >= controllerSeekableStart &&\n (controllerLiveEdge > 0 || controllerSeekableStart > 0);\n\n const seekableStart = useControllerRange\n ? controllerSeekableStart\n : calculatedRange.seekableStart;\n const liveEdge = useControllerRange ? controllerLiveEdge : calculatedRange.liveEdge;\n\n const hasDvrWindow =\n isLive &&\n Number.isFinite(liveEdge) &&\n Number.isFinite(seekableStart) &&\n liveEdge > seekableStart;\n\n const baseCanSeek =\n controller?.canSeekStream?.() ??\n canSeekStream({\n video: state.videoElement,\n isLive,\n duration: state.duration,\n bufferWindowMs,\n });\n\n const liveThresholds = calculateLiveThresholds(sourceType, isWebRTC, bufferWindowMs);\n\n return {\n mistStreamInfo,\n isLive,\n sourceType,\n seekableStart,\n liveEdge,\n hasDvrWindow,\n canSeek: baseCanSeek && (!isLive || hasDvrWindow),\n commitOnRelease: isLive,\n liveThresholds,\n };\n }\n\n private _reconcileNearLiveState(): void {\n const context = this._getSeekingContext();\n\n if (!context.isLive) {\n if (!this._isNearLiveState) {\n this._isNearLiveState = true;\n }\n return;\n }\n\n const next = calculateIsNearLive(\n this.pc.s.currentTime,\n context.liveEdge,\n context.liveThresholds,\n this._isNearLiveState\n );\n\n if (next !== this._isNearLiveState) {\n this._isNearLiveState = next;\n }\n }\n\n private _handleModeChange(\n event: CustomEvent<{ mode: \"auto\" | \"low-latency\" | \"quality\" }>\n ): void {\n const { mode } = event.detail;\n this.dispatchEvent(\n new CustomEvent(\"fw-mode-change\", {\n detail: { mode },\n bubbles: true,\n composed: true,\n })\n );\n }\n\n protected render() {\n const state = this.pc.s;\n const disabled = !state.videoElement;\n const context = this._getSeekingContext();\n const shouldShowControls =\n state.shouldShowControls ||\n state.isPaused ||\n !state.hasPlaybackStarted ||\n state.shouldShowIdleScreen ||\n !!state.error ||\n this._settingsOpen;\n\n const timeDisplay = formatTimeDisplay({\n isLive: context.isLive,\n currentTime: state.currentTime,\n duration: state.duration,\n liveEdge: context.liveEdge,\n seekableStart: context.seekableStart,\n unixoffset: context.mistStreamInfo?.unixoffset,\n });\n const showTimeDisplay = !(context.isLive && timeDisplay === \"LIVE\");\n\n const liveButtonDisabled = !context.hasDvrWindow || this._isNearLiveState;\n\n return html`\n <div\n class=${classMap({\n \"fw-controls-wrapper\": true,\n \"fw-controls-wrapper--visible\": shouldShowControls,\n \"fw-controls-wrapper--hidden\": !shouldShowControls,\n })}\n >\n <div class=\"fw-control-bar\" @click=${(event: Event) => event.stopPropagation()}>\n ${context.canSeek\n ? html`\n <div class=\"fw-seek-wrapper\">\n <fw-seek-bar\n .currentTime=${state.currentTime}\n .duration=${state.duration}\n .buffered=${this._buffered}\n .disabled=${disabled}\n .isLive=${context.isLive}\n .seekableStart=${context.seekableStart}\n .liveEdge=${context.liveEdge}\n .commitOnRelease=${context.commitOnRelease}\n .isPlaying=${state.isPlaying}\n .thumbnailCues=${state.thumbnailCues}\n @fw-seek=${(event: CustomEvent<{ time: number }>) =>\n this.pc.seek(event.detail.time)}\n ></fw-seek-bar>\n </div>\n `\n : nothing}\n\n <div class=\"fw-controls-row\">\n <div class=\"fw-controls-left\">\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n class=\"fw-btn-flush\"\n ?disabled=${disabled}\n aria-label=${state.isPlaying ? this.pc.t(\"pause\") : this.pc.t(\"play\")}\n @click=${() => this.pc.togglePlay()}\n >\n ${state.isPlaying ? pauseIcon(18) : playIcon(18)}\n </button>\n\n ${context.canSeek\n ? html`\n <button\n type=\"button\"\n class=\"fw-btn-flush hidden sm:flex\"\n ?disabled=${disabled}\n aria-label=${this.pc.t(\"skipBackward\")}\n @click=${() => this.pc.seekBy(-10000)}\n >\n ${skipBackIcon(16)}\n </button>\n <button\n type=\"button\"\n class=\"fw-btn-flush hidden sm:flex\"\n ?disabled=${disabled}\n aria-label=${this.pc.t(\"skipForward\")}\n @click=${() => this.pc.seekBy(10000)}\n >\n ${skipForwardIcon(16)}\n </button>\n `\n : nothing}\n </div>\n\n <div class=\"fw-control-group\">\n <fw-volume-control .pc=${this.pc}></fw-volume-control>\n </div>\n\n ${showTimeDisplay\n ? html`\n <div class=\"fw-control-group\">\n <span class=\"fw-time-display\">${timeDisplay}</span>\n </div>\n `\n : nothing}\n ${context.isLive\n ? html`\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n @click=${() => this.pc.jumpToLive()}\n ?disabled=${liveButtonDisabled}\n class=${classMap({\n \"fw-live-badge\": true,\n \"fw-live-badge--active\": liveButtonDisabled,\n \"fw-live-badge--behind\": !liveButtonDisabled,\n })}\n title=${!context.hasDvrWindow\n ? this.pc.t(\"live\")\n : this._isNearLiveState\n ? this.pc.t(\"live\")\n : this.pc.t(\"live\")}\n >\n ${this.pc.t(\"live\").toUpperCase()}\n ${!this._isNearLiveState && context.hasDvrWindow\n ? seekToLiveIcon(10)\n : nothing}\n </button>\n </div>\n `\n : nothing}\n </div>\n\n <div class=\"fw-controls-right\">\n ${this.showStatsButton\n ? html`\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n class=${classMap({\n \"fw-btn-flush\": true,\n \"fw-btn-flush--active\": this.isStatsOpen,\n })}\n aria-label=${this.pc.t(\"showStats\")}\n title=${this.pc.t(\"showStats\")}\n @click=${() =>\n this.dispatchEvent(\n new CustomEvent(\"fw-stats-toggle\", {\n bubbles: true,\n composed: true,\n })\n )}\n >\n ${statsIcon(16)}\n </button>\n </div>\n `\n : nothing}\n <div class=\"fw-control-group fw-settings-anchor\">\n <button\n type=\"button\"\n class=${classMap({\n \"fw-btn-flush\": true,\n group: true,\n \"fw-btn-flush--active\": this._settingsOpen,\n })}\n aria-label=${this.pc.t(\"settings\")}\n title=${this.pc.t(\"settings\")}\n ?disabled=${disabled}\n @click=${(event: MouseEvent) => {\n event.stopPropagation();\n if (disabled) {\n return;\n }\n this._settingsOpen = !this._settingsOpen;\n }}\n >\n <span class=\"transition-transform group-hover:rotate-90\"\n >${settingsIcon(16)}</span\n >\n </button>\n\n <fw-settings-menu\n .pc=${this.pc}\n .open=${this._settingsOpen}\n .playbackMode=${this.playbackMode}\n .isContentLive=${this.isContentLive}\n .activeLocale=${this.activeLocale}\n @click=${(event: MouseEvent) => event.stopPropagation()}\n @fw-close=${() => {\n this._settingsOpen = false;\n }}\n @fw-mode-change=${this._handleModeChange}\n ></fw-settings-menu>\n </div>\n\n <div class=\"fw-control-group\">\n <button\n type=\"button\"\n class=\"fw-btn-flush\"\n ?disabled=${disabled}\n aria-label=${state.isFullscreen\n ? this.pc.t(\"exitFullscreen\")\n : this.pc.t(\"fullscreen\")}\n @click=${() => this.pc.toggleFullscreen()}\n >\n ${state.isFullscreen ? fullscreenExitIcon(16) : fullscreenIcon(16)}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"fw-player-controls\": FwPlayerControls;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, nothing, html } from 'lit';
|
|
3
3
|
import { property, state, query, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, nothing, html } from 'lit';
|
|
3
3
|
import { property, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
5
5
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
6
6
|
import { sharedStyles } from '../styles/shared-styles.js';
|
|
7
|
+
import { findCueAtTime } from '@livepeer-frameworks/player-core';
|
|
7
8
|
|
|
8
9
|
let FwSeekBar = class FwSeekBar extends LitElement {
|
|
9
10
|
constructor() {
|
|
@@ -15,6 +16,8 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
15
16
|
this.isLive = false;
|
|
16
17
|
this.seekableStart = 0;
|
|
17
18
|
this.commitOnRelease = false;
|
|
19
|
+
this.isPlaying = false;
|
|
20
|
+
this.thumbnailCues = [];
|
|
18
21
|
this._hovering = false;
|
|
19
22
|
this._dragging = false;
|
|
20
23
|
this._dragTime = null;
|
|
@@ -22,6 +25,8 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
22
25
|
this._hoverTime = 0;
|
|
23
26
|
this._trackRect = null;
|
|
24
27
|
this._activePointerId = null;
|
|
28
|
+
this._rafId = 0;
|
|
29
|
+
this._rafBase = { time: 0, stamp: 0 };
|
|
25
30
|
this._onKeyDown = (event) => {
|
|
26
31
|
if (this.disabled) {
|
|
27
32
|
return;
|
|
@@ -81,6 +86,7 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
81
86
|
this._activePointerId = event.pointerId;
|
|
82
87
|
this._dragging = true;
|
|
83
88
|
this._hovering = true;
|
|
89
|
+
this._didDragMove = false;
|
|
84
90
|
const initialTime = this._getTimeFromClientX(event.clientX);
|
|
85
91
|
this._updateHover(event.clientX);
|
|
86
92
|
if (this.commitOnRelease) {
|
|
@@ -91,10 +97,12 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
91
97
|
}
|
|
92
98
|
this._attachDragListeners();
|
|
93
99
|
};
|
|
100
|
+
this._didDragMove = false;
|
|
94
101
|
this._onGlobalPointerMove = (event) => {
|
|
95
102
|
if (!this._dragging || this._activePointerId !== event.pointerId) {
|
|
96
103
|
return;
|
|
97
104
|
}
|
|
105
|
+
this._didDragMove = true;
|
|
98
106
|
const time = this._getTimeFromClientX(event.clientX);
|
|
99
107
|
this._updateHover(event.clientX);
|
|
100
108
|
if (this.commitOnRelease) {
|
|
@@ -111,15 +119,59 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
111
119
|
if (this.commitOnRelease && this._dragTime != null) {
|
|
112
120
|
this._emitSeek(this._dragTime);
|
|
113
121
|
}
|
|
122
|
+
// Non-commitOnRelease: drag moves already emitted seeks, no double-seek on release
|
|
114
123
|
this._dragging = false;
|
|
115
124
|
this._dragTime = null;
|
|
116
125
|
this._activePointerId = null;
|
|
126
|
+
this._didDragMove = false;
|
|
117
127
|
this._detachDragListeners();
|
|
128
|
+
this._syncRaf();
|
|
118
129
|
};
|
|
119
130
|
}
|
|
120
131
|
disconnectedCallback() {
|
|
121
132
|
super.disconnectedCallback();
|
|
122
133
|
this._detachDragListeners();
|
|
134
|
+
cancelAnimationFrame(this._rafId);
|
|
135
|
+
}
|
|
136
|
+
updated(changed) {
|
|
137
|
+
if (changed.has("currentTime")) {
|
|
138
|
+
this._rafBase = { time: this.currentTime, stamp: performance.now() };
|
|
139
|
+
}
|
|
140
|
+
if (changed.has("isPlaying") ||
|
|
141
|
+
changed.has("disabled") ||
|
|
142
|
+
changed.has("currentTime") ||
|
|
143
|
+
changed.has("duration")) {
|
|
144
|
+
this._syncRaf();
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
_syncRaf() {
|
|
148
|
+
const shouldAnimate = this.isPlaying && !this._dragging && !this.disabled;
|
|
149
|
+
if (!shouldAnimate) {
|
|
150
|
+
cancelAnimationFrame(this._rafId);
|
|
151
|
+
const el = this.renderRoot.querySelector(".fw-seek-progress");
|
|
152
|
+
if (el) {
|
|
153
|
+
el.style.transform = `scaleX(${this._progressPercent / 100})`;
|
|
154
|
+
}
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
cancelAnimationFrame(this._rafId);
|
|
158
|
+
const rangeStart = this.isLive ? this.seekableStart : 0;
|
|
159
|
+
const rangeSize = this.isLive ? this._seekableWindow : this.duration;
|
|
160
|
+
const animate = () => {
|
|
161
|
+
if (!this.isPlaying || this._dragging || this.disabled)
|
|
162
|
+
return;
|
|
163
|
+
const interpolated = this._rafBase.time + (performance.now() - this._rafBase.stamp);
|
|
164
|
+
const relative = interpolated - rangeStart;
|
|
165
|
+
const pct = Number.isFinite(rangeSize) && rangeSize > 0
|
|
166
|
+
? Math.min(100, Math.max(0, (relative / rangeSize) * 100))
|
|
167
|
+
: 0;
|
|
168
|
+
const el = this.renderRoot.querySelector(".fw-seek-progress");
|
|
169
|
+
if (el) {
|
|
170
|
+
el.style.transform = `scaleX(${pct / 100})`;
|
|
171
|
+
}
|
|
172
|
+
this._rafId = requestAnimationFrame(animate);
|
|
173
|
+
};
|
|
174
|
+
this._rafId = requestAnimationFrame(animate);
|
|
123
175
|
}
|
|
124
176
|
get _effectiveLiveEdge() {
|
|
125
177
|
if (typeof this.liveEdge === "number" && Number.isFinite(this.liveEdge)) {
|
|
@@ -249,10 +301,26 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
249
301
|
window.removeEventListener("pointerup", this._onGlobalPointerUp);
|
|
250
302
|
window.removeEventListener("pointercancel", this._onGlobalPointerUp);
|
|
251
303
|
}
|
|
304
|
+
get _thumbnailStyle() {
|
|
305
|
+
if (!this.thumbnailCues?.length || !this._hovering || this._dragging)
|
|
306
|
+
return null;
|
|
307
|
+
const cue = findCueAtTime(this.thumbnailCues, this._hoverTime / 1000);
|
|
308
|
+
if (!cue || cue.width === undefined || cue.height === undefined)
|
|
309
|
+
return null;
|
|
310
|
+
return {
|
|
311
|
+
backgroundImage: `url(${cue.url})`,
|
|
312
|
+
backgroundPosition: `-${cue.x ?? 0}px -${cue.y ?? 0}px`,
|
|
313
|
+
backgroundSize: "auto",
|
|
314
|
+
width: `${cue.width}px`,
|
|
315
|
+
height: `${cue.height}px`,
|
|
316
|
+
left: `${this._hoverPosition}%`,
|
|
317
|
+
};
|
|
318
|
+
}
|
|
252
319
|
render() {
|
|
253
320
|
const progressPercent = this._progressPercent;
|
|
254
321
|
const showThumb = this._hovering || this._dragging;
|
|
255
322
|
const canShowTooltip = this.isLive ? this._seekableWindow > 0 : Number.isFinite(this.duration);
|
|
323
|
+
const thumbStyle = this._thumbnailStyle;
|
|
256
324
|
return html `
|
|
257
325
|
<div
|
|
258
326
|
class=${classMap({
|
|
@@ -289,7 +357,10 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
289
357
|
})}
|
|
290
358
|
></div>
|
|
291
359
|
`)}
|
|
292
|
-
<div
|
|
360
|
+
<div
|
|
361
|
+
class="fw-seek-progress"
|
|
362
|
+
style=${styleMap({ transform: `scaleX(${progressPercent / 100})` })}
|
|
363
|
+
></div>
|
|
293
364
|
${this._hovering && !this._dragging
|
|
294
365
|
? html `<div
|
|
295
366
|
class="fw-seek-hover-line"
|
|
@@ -308,6 +379,9 @@ let FwSeekBar = class FwSeekBar extends LitElement {
|
|
|
308
379
|
style=${styleMap({ left: `${progressPercent}%` })}
|
|
309
380
|
></div>
|
|
310
381
|
|
|
382
|
+
${thumbStyle
|
|
383
|
+
? html `<div class="fw-seek-thumbnail" style=${styleMap(thumbStyle)}></div>`
|
|
384
|
+
: nothing}
|
|
311
385
|
${this._hovering && !this._dragging && canShowTooltip
|
|
312
386
|
? html `
|
|
313
387
|
<div class="fw-seek-tooltip" style=${styleMap({ left: `${this._hoverPosition}%` })}>
|
|
@@ -368,6 +442,12 @@ __decorate([
|
|
|
368
442
|
__decorate([
|
|
369
443
|
property({ type: Boolean, attribute: "commit-on-release" })
|
|
370
444
|
], FwSeekBar.prototype, "commitOnRelease", void 0);
|
|
445
|
+
__decorate([
|
|
446
|
+
property({ type: Boolean, attribute: "is-playing" })
|
|
447
|
+
], FwSeekBar.prototype, "isPlaying", void 0);
|
|
448
|
+
__decorate([
|
|
449
|
+
property({ attribute: false })
|
|
450
|
+
], FwSeekBar.prototype, "thumbnailCues", void 0);
|
|
371
451
|
__decorate([
|
|
372
452
|
state()
|
|
373
453
|
], FwSeekBar.prototype, "_hovering", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fw-seek-bar.js","sources":["../../../../src/components/fw-seek-bar.ts"],"sourcesContent":["/**\n * <fw-seek-bar> — Video seek bar with buffer visualization, drag, and live tooltips.\n * Behavioral parity with react/svelte SeekBar implementations.\n */\nimport { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\n\ninterface BufferedSegment {\n startPercent: number;\n endPercent: number;\n}\n\n@customElement(\"fw-seek-bar\")\nexport class FwSeekBar extends LitElement {\n @property({ type: Number }) currentTime = 0;\n @property({ type: Number }) duration = 0;\n @property({ attribute: false }) buffered: TimeRanges | null = null;\n @property({ type: Boolean }) disabled = false;\n @property({ type: Boolean, attribute: \"is-live\" }) isLive = false;\n @property({ type: Number, attribute: \"seekable-start\" }) seekableStart = 0;\n @property({ type: Number, attribute: \"live-edge\" }) liveEdge?: number;\n @property({ type: Boolean, attribute: \"commit-on-release\" }) commitOnRelease = false;\n\n @state() private _hovering = false;\n @state() private _dragging = false;\n @state() private _dragTime: number | null = null;\n @state() private _hoverPosition = 0;\n @state() private _hoverTime = 0;\n\n private _trackRect: DOMRect | null = null;\n private _activePointerId: number | null = null;\n\n static styles = [\n sharedStyles,\n css`\n :host {\n display: block;\n width: 100%;\n }\n\n .seek-root {\n position: relative;\n width: 100%;\n height: 1.5rem;\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n .seek-root--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n `,\n ];\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this._detachDragListeners();\n }\n\n private get _effectiveLiveEdge(): number {\n if (typeof this.liveEdge === \"number\" && Number.isFinite(this.liveEdge)) {\n return this.liveEdge;\n }\n return this.duration;\n }\n\n private get _seekableWindow(): number {\n return this._effectiveLiveEdge - this.seekableStart;\n }\n\n private get _displayTime(): number {\n return this._dragTime ?? this.currentTime;\n }\n\n private get _progressPercent(): number {\n const displayTime = this._displayTime;\n\n if (this.isLive && this._seekableWindow > 0) {\n const positionInWindow = displayTime - this.seekableStart;\n return Math.min(100, Math.max(0, (positionInWindow / this._seekableWindow) * 100));\n }\n\n if (!Number.isFinite(this.duration) || this.duration <= 0) {\n return 0;\n }\n\n return Math.min(100, Math.max(0, (displayTime / this.duration) * 100));\n }\n\n private get _bufferedSegments(): BufferedSegment[] {\n const buffered = this.buffered;\n if (!buffered || buffered.length === 0) {\n return [];\n }\n\n const rangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;\n const rangeStart = this.isLive ? this.seekableStart : 0;\n const rangeSize = rangeEnd - rangeStart;\n\n if (!Number.isFinite(rangeSize) || rangeSize <= 0) {\n return [];\n }\n\n const segments: BufferedSegment[] = [];\n for (let i = 0; i < buffered.length; i += 1) {\n // buffered TimeRanges are in seconds (browser API), convert to ms\n const start = buffered.start(i) * 1000;\n const end = buffered.end(i) * 1000;\n const relativeStart = start - rangeStart;\n const relativeEnd = end - rangeStart;\n\n segments.push({\n startPercent: Math.min(100, Math.max(0, (relativeStart / rangeSize) * 100)),\n endPercent: Math.min(100, Math.max(0, (relativeEnd / rangeSize) * 100)),\n });\n }\n\n return segments;\n }\n\n private _formatTime(ms: number): string {\n if (!Number.isFinite(ms) || ms < 0) {\n return \"0:00\";\n }\n\n const total = Math.floor(ms / 1000);\n const hours = Math.floor(total / 3600);\n const minutes = Math.floor((total % 3600) / 60);\n const secs = total % 60;\n\n if (hours > 0) {\n return `${hours}:${String(minutes).padStart(2, \"0\")}:${String(secs).padStart(2, \"0\")}`;\n }\n\n return `${minutes}:${String(secs).padStart(2, \"0\")}`;\n }\n\n private _formatLiveTime(ms: number, edgeMs: number): string {\n const behindMs = edgeMs - ms;\n if (behindMs < 1000) {\n return \"LIVE\";\n }\n\n const total = Math.floor(behindMs / 1000);\n const hours = Math.floor(total / 3600);\n const minutes = Math.floor((total % 3600) / 60);\n const secs = total % 60;\n\n if (hours > 0) {\n return `-${hours}:${String(minutes).padStart(2, \"0\")}:${String(secs).padStart(2, \"0\")}`;\n }\n\n return `-${minutes}:${String(secs).padStart(2, \"0\")}`;\n }\n\n private _getTrackRect(): DOMRect | null {\n const track = this.renderRoot.querySelector(\".seek-root\") as HTMLDivElement | null;\n if (!track) {\n return null;\n }\n\n this._trackRect = track.getBoundingClientRect();\n return this._trackRect;\n }\n\n private _getTimeFromClientX(clientX: number): number {\n const rect = this._getTrackRect();\n if (!rect || rect.width <= 0) {\n return 0;\n }\n\n const x = clientX - rect.left;\n const percent = Math.min(1, Math.max(0, x / rect.width));\n\n if (this.isLive && Number.isFinite(this._seekableWindow) && this._seekableWindow > 0) {\n return this.seekableStart + percent * this._seekableWindow;\n }\n\n if (Number.isFinite(this.duration) && this.duration > 0) {\n return percent * this.duration;\n }\n\n if (Number.isFinite(this._effectiveLiveEdge) && this._effectiveLiveEdge > 0) {\n const start = Number.isFinite(this.seekableStart) ? this.seekableStart : 0;\n const window = this._effectiveLiveEdge - start;\n if (window > 0) {\n return start + percent * window;\n }\n }\n\n return percent * (this.currentTime || 1);\n }\n\n private _updateHover(clientX: number): void {\n const rect = this._getTrackRect();\n if (!rect || rect.width <= 0) {\n return;\n }\n\n const x = clientX - rect.left;\n const percent = Math.min(1, Math.max(0, x / rect.width));\n this._hoverPosition = percent * 100;\n this._hoverTime = this._getTimeFromClientX(clientX);\n }\n\n private _emitSeek(time: number): void {\n this.dispatchEvent(\n new CustomEvent(\"fw-seek\", { detail: { time }, bubbles: true, composed: true })\n );\n }\n\n private _onKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) {\n return;\n }\n\n const step = event.shiftKey ? 10000 : 5000;\n const rawRangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;\n const rangeEnd = Number.isFinite(rawRangeEnd) ? rawRangeEnd : this.currentTime + step;\n const rangeStart = this.isLive ? this.seekableStart : 0;\n\n let newTime: number | null = null;\n switch (event.key) {\n case \"ArrowLeft\":\n case \"ArrowDown\":\n newTime = Math.max(rangeStart, this.currentTime - step);\n break;\n case \"ArrowRight\":\n case \"ArrowUp\":\n newTime = Math.min(rangeEnd, this.currentTime + step);\n break;\n case \"Home\":\n newTime = rangeStart;\n break;\n case \"End\":\n newTime = rangeEnd;\n break;\n default:\n return;\n }\n\n if (newTime != null) {\n event.preventDefault();\n this._emitSeek(newTime);\n }\n };\n\n private _onPointerEnter = () => {\n if (this.disabled) {\n return;\n }\n this._hovering = true;\n };\n\n private _onPointerLeave = () => {\n this._hovering = false;\n this._trackRect = null;\n };\n\n private _onPointerMove = (event: PointerEvent) => {\n if (this.disabled || (!this._hovering && !this._dragging)) {\n return;\n }\n this._updateHover(event.clientX);\n };\n\n private _onPointerDown = (event: PointerEvent) => {\n if (this.disabled) {\n return;\n }\n\n if (!this.isLive && !Number.isFinite(this.duration)) {\n return;\n }\n\n event.preventDefault();\n this._activePointerId = event.pointerId;\n this._dragging = true;\n this._hovering = true;\n\n const initialTime = this._getTimeFromClientX(event.clientX);\n this._updateHover(event.clientX);\n\n if (this.commitOnRelease) {\n this._dragTime = initialTime;\n } else {\n this._emitSeek(initialTime);\n }\n\n this._attachDragListeners();\n };\n\n private _onGlobalPointerMove = (event: PointerEvent) => {\n if (!this._dragging || this._activePointerId !== event.pointerId) {\n return;\n }\n\n const time = this._getTimeFromClientX(event.clientX);\n this._updateHover(event.clientX);\n\n if (this.commitOnRelease) {\n this._dragTime = time;\n } else {\n this._emitSeek(time);\n }\n };\n\n private _onGlobalPointerUp = (event: PointerEvent) => {\n if (!this._dragging || this._activePointerId !== event.pointerId) {\n return;\n }\n\n if (this.commitOnRelease && this._dragTime != null) {\n this._emitSeek(this._dragTime);\n }\n\n this._dragging = false;\n this._dragTime = null;\n this._activePointerId = null;\n this._detachDragListeners();\n };\n\n private _attachDragListeners(): void {\n window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n }\n\n private _detachDragListeners(): void {\n window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n }\n\n protected render() {\n const progressPercent = this._progressPercent;\n const showThumb = this._hovering || this._dragging;\n const canShowTooltip = this.isLive ? this._seekableWindow > 0 : Number.isFinite(this.duration);\n\n return html`\n <div\n class=${classMap({\n \"seek-root\": true,\n \"seek-root--disabled\": this.disabled,\n \"fw-seek-root\": true,\n })}\n @pointerenter=${this._onPointerEnter}\n @pointerleave=${this._onPointerLeave}\n @pointermove=${this._onPointerMove}\n @pointerdown=${this._onPointerDown}\n role=\"slider\"\n aria-label=\"Seek\"\n aria-valuemin=${this.isLive ? this.seekableStart : 0}\n aria-valuemax=${this.isLive\n ? this._effectiveLiveEdge\n : Number.isFinite(this.duration)\n ? this.duration\n : 100}\n aria-valuenow=${this._displayTime}\n aria-valuetext=${this.isLive\n ? this._formatLiveTime(this._displayTime, this._effectiveLiveEdge)\n : this._formatTime(this._displayTime)}\n tabindex=${this.disabled ? -1 : 0}\n @keydown=${this._onKeyDown}\n >\n <div class=${classMap({ \"fw-seek-track\": true, \"fw-seek-track--active\": this._dragging })}>\n ${this._bufferedSegments.map(\n (segment) => html`\n <div\n class=\"fw-seek-buffered\"\n style=${styleMap({\n left: `${segment.startPercent}%`,\n width: `${segment.endPercent - segment.startPercent}%`,\n })}\n ></div>\n `\n )}\n <div class=\"fw-seek-progress\" style=${styleMap({ width: `${progressPercent}%` })}></div>\n ${this._hovering && !this._dragging\n ? html`<div\n class=\"fw-seek-hover-line\"\n style=${styleMap({ left: `${this._hoverPosition}%` })}\n ></div>`\n : nothing}\n ${this.isLive ? html`<div class=\"fw-seek-live-edge\"></div>` : nothing}\n </div>\n\n <div\n class=${classMap({\n \"fw-seek-thumb\": true,\n \"fw-seek-thumb--active\": showThumb,\n \"fw-seek-thumb--hidden\": !showThumb,\n })}\n style=${styleMap({ left: `${progressPercent}%` })}\n ></div>\n\n ${this._hovering && !this._dragging && canShowTooltip\n ? html`\n <div class=\"fw-seek-tooltip\" style=${styleMap({ left: `${this._hoverPosition}%` })}>\n ${this.isLive\n ? this._formatLiveTime(this._hoverTime, this._effectiveLiveEdge)\n : this._formatTime(this._hoverTime)}\n </div>\n `\n : nothing}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"fw-seek-bar\": FwSeekBar;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fw-seek-bar.js","sources":["../../../../src/components/fw-seek-bar.ts"],"sourcesContent":["/**\n * <fw-seek-bar> — Video seek bar with buffer visualization, drag, and live tooltips.\n * Behavioral parity with react/svelte SeekBar implementations.\n */\nimport { LitElement, html, css, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\nimport { sharedStyles } from \"../styles/shared-styles.js\";\nimport { findCueAtTime, type ThumbnailCue } from \"@livepeer-frameworks/player-core\";\n\ninterface BufferedSegment {\n startPercent: number;\n endPercent: number;\n}\n\n@customElement(\"fw-seek-bar\")\nexport class FwSeekBar extends LitElement {\n @property({ type: Number }) currentTime = 0;\n @property({ type: Number }) duration = 0;\n @property({ attribute: false }) buffered: TimeRanges | null = null;\n @property({ type: Boolean }) disabled = false;\n @property({ type: Boolean, attribute: \"is-live\" }) isLive = false;\n @property({ type: Number, attribute: \"seekable-start\" }) seekableStart = 0;\n @property({ type: Number, attribute: \"live-edge\" }) liveEdge?: number;\n @property({ type: Boolean, attribute: \"commit-on-release\" }) commitOnRelease = false;\n @property({ type: Boolean, attribute: \"is-playing\" }) isPlaying = false;\n @property({ attribute: false }) thumbnailCues: ThumbnailCue[] = [];\n\n @state() private _hovering = false;\n @state() private _dragging = false;\n @state() private _dragTime: number | null = null;\n @state() private _hoverPosition = 0;\n @state() private _hoverTime = 0;\n\n private _trackRect: DOMRect | null = null;\n private _activePointerId: number | null = null;\n private _rafId = 0;\n private _rafBase = { time: 0, stamp: 0 };\n\n static styles = [\n sharedStyles,\n css`\n :host {\n display: block;\n width: 100%;\n }\n\n .seek-root {\n position: relative;\n width: 100%;\n height: 1.5rem;\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n .seek-root--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n `,\n ];\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this._detachDragListeners();\n cancelAnimationFrame(this._rafId);\n }\n\n updated(changed: Map<string, unknown>): void {\n if (changed.has(\"currentTime\")) {\n this._rafBase = { time: this.currentTime, stamp: performance.now() };\n }\n if (\n changed.has(\"isPlaying\") ||\n changed.has(\"disabled\") ||\n changed.has(\"currentTime\") ||\n changed.has(\"duration\")\n ) {\n this._syncRaf();\n }\n }\n\n private _syncRaf(): void {\n const shouldAnimate = this.isPlaying && !this._dragging && !this.disabled;\n\n if (!shouldAnimate) {\n cancelAnimationFrame(this._rafId);\n const el = this.renderRoot.querySelector(\".fw-seek-progress\") as HTMLElement | null;\n if (el) {\n el.style.transform = `scaleX(${this._progressPercent / 100})`;\n }\n return;\n }\n\n cancelAnimationFrame(this._rafId);\n const rangeStart = this.isLive ? this.seekableStart : 0;\n const rangeSize = this.isLive ? this._seekableWindow : this.duration;\n\n const animate = () => {\n if (!this.isPlaying || this._dragging || this.disabled) return;\n const interpolated = this._rafBase.time + (performance.now() - this._rafBase.stamp);\n const relative = interpolated - rangeStart;\n const pct =\n Number.isFinite(rangeSize) && rangeSize > 0\n ? Math.min(100, Math.max(0, (relative / rangeSize) * 100))\n : 0;\n\n const el = this.renderRoot.querySelector(\".fw-seek-progress\") as HTMLElement | null;\n if (el) {\n el.style.transform = `scaleX(${pct / 100})`;\n }\n this._rafId = requestAnimationFrame(animate);\n };\n\n this._rafId = requestAnimationFrame(animate);\n }\n\n private get _effectiveLiveEdge(): number {\n if (typeof this.liveEdge === \"number\" && Number.isFinite(this.liveEdge)) {\n return this.liveEdge;\n }\n return this.duration;\n }\n\n private get _seekableWindow(): number {\n return this._effectiveLiveEdge - this.seekableStart;\n }\n\n private get _displayTime(): number {\n return this._dragTime ?? this.currentTime;\n }\n\n private get _progressPercent(): number {\n const displayTime = this._displayTime;\n\n if (this.isLive && this._seekableWindow > 0) {\n const positionInWindow = displayTime - this.seekableStart;\n return Math.min(100, Math.max(0, (positionInWindow / this._seekableWindow) * 100));\n }\n\n if (!Number.isFinite(this.duration) || this.duration <= 0) {\n return 0;\n }\n\n return Math.min(100, Math.max(0, (displayTime / this.duration) * 100));\n }\n\n private get _bufferedSegments(): BufferedSegment[] {\n const buffered = this.buffered;\n if (!buffered || buffered.length === 0) {\n return [];\n }\n\n const rangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;\n const rangeStart = this.isLive ? this.seekableStart : 0;\n const rangeSize = rangeEnd - rangeStart;\n\n if (!Number.isFinite(rangeSize) || rangeSize <= 0) {\n return [];\n }\n\n const segments: BufferedSegment[] = [];\n for (let i = 0; i < buffered.length; i += 1) {\n // buffered TimeRanges are in seconds (browser API), convert to ms\n const start = buffered.start(i) * 1000;\n const end = buffered.end(i) * 1000;\n const relativeStart = start - rangeStart;\n const relativeEnd = end - rangeStart;\n\n segments.push({\n startPercent: Math.min(100, Math.max(0, (relativeStart / rangeSize) * 100)),\n endPercent: Math.min(100, Math.max(0, (relativeEnd / rangeSize) * 100)),\n });\n }\n\n return segments;\n }\n\n private _formatTime(ms: number): string {\n if (!Number.isFinite(ms) || ms < 0) {\n return \"0:00\";\n }\n\n const total = Math.floor(ms / 1000);\n const hours = Math.floor(total / 3600);\n const minutes = Math.floor((total % 3600) / 60);\n const secs = total % 60;\n\n if (hours > 0) {\n return `${hours}:${String(minutes).padStart(2, \"0\")}:${String(secs).padStart(2, \"0\")}`;\n }\n\n return `${minutes}:${String(secs).padStart(2, \"0\")}`;\n }\n\n private _formatLiveTime(ms: number, edgeMs: number): string {\n const behindMs = edgeMs - ms;\n if (behindMs < 1000) {\n return \"LIVE\";\n }\n\n const total = Math.floor(behindMs / 1000);\n const hours = Math.floor(total / 3600);\n const minutes = Math.floor((total % 3600) / 60);\n const secs = total % 60;\n\n if (hours > 0) {\n return `-${hours}:${String(minutes).padStart(2, \"0\")}:${String(secs).padStart(2, \"0\")}`;\n }\n\n return `-${minutes}:${String(secs).padStart(2, \"0\")}`;\n }\n\n private _getTrackRect(): DOMRect | null {\n const track = this.renderRoot.querySelector(\".seek-root\") as HTMLDivElement | null;\n if (!track) {\n return null;\n }\n\n this._trackRect = track.getBoundingClientRect();\n return this._trackRect;\n }\n\n private _getTimeFromClientX(clientX: number): number {\n const rect = this._getTrackRect();\n if (!rect || rect.width <= 0) {\n return 0;\n }\n\n const x = clientX - rect.left;\n const percent = Math.min(1, Math.max(0, x / rect.width));\n\n if (this.isLive && Number.isFinite(this._seekableWindow) && this._seekableWindow > 0) {\n return this.seekableStart + percent * this._seekableWindow;\n }\n\n if (Number.isFinite(this.duration) && this.duration > 0) {\n return percent * this.duration;\n }\n\n if (Number.isFinite(this._effectiveLiveEdge) && this._effectiveLiveEdge > 0) {\n const start = Number.isFinite(this.seekableStart) ? this.seekableStart : 0;\n const window = this._effectiveLiveEdge - start;\n if (window > 0) {\n return start + percent * window;\n }\n }\n\n return percent * (this.currentTime || 1);\n }\n\n private _updateHover(clientX: number): void {\n const rect = this._getTrackRect();\n if (!rect || rect.width <= 0) {\n return;\n }\n\n const x = clientX - rect.left;\n const percent = Math.min(1, Math.max(0, x / rect.width));\n this._hoverPosition = percent * 100;\n this._hoverTime = this._getTimeFromClientX(clientX);\n }\n\n private _emitSeek(time: number): void {\n this.dispatchEvent(\n new CustomEvent(\"fw-seek\", { detail: { time }, bubbles: true, composed: true })\n );\n }\n\n private _onKeyDown = (event: KeyboardEvent) => {\n if (this.disabled) {\n return;\n }\n\n const step = event.shiftKey ? 10000 : 5000;\n const rawRangeEnd = this.isLive ? this._effectiveLiveEdge : this.duration;\n const rangeEnd = Number.isFinite(rawRangeEnd) ? rawRangeEnd : this.currentTime + step;\n const rangeStart = this.isLive ? this.seekableStart : 0;\n\n let newTime: number | null = null;\n switch (event.key) {\n case \"ArrowLeft\":\n case \"ArrowDown\":\n newTime = Math.max(rangeStart, this.currentTime - step);\n break;\n case \"ArrowRight\":\n case \"ArrowUp\":\n newTime = Math.min(rangeEnd, this.currentTime + step);\n break;\n case \"Home\":\n newTime = rangeStart;\n break;\n case \"End\":\n newTime = rangeEnd;\n break;\n default:\n return;\n }\n\n if (newTime != null) {\n event.preventDefault();\n this._emitSeek(newTime);\n }\n };\n\n private _onPointerEnter = () => {\n if (this.disabled) {\n return;\n }\n this._hovering = true;\n };\n\n private _onPointerLeave = () => {\n this._hovering = false;\n this._trackRect = null;\n };\n\n private _onPointerMove = (event: PointerEvent) => {\n if (this.disabled || (!this._hovering && !this._dragging)) {\n return;\n }\n this._updateHover(event.clientX);\n };\n\n private _onPointerDown = (event: PointerEvent) => {\n if (this.disabled) {\n return;\n }\n\n if (!this.isLive && !Number.isFinite(this.duration)) {\n return;\n }\n\n event.preventDefault();\n this._activePointerId = event.pointerId;\n this._dragging = true;\n this._hovering = true;\n this._didDragMove = false;\n\n const initialTime = this._getTimeFromClientX(event.clientX);\n this._updateHover(event.clientX);\n\n if (this.commitOnRelease) {\n this._dragTime = initialTime;\n } else {\n this._emitSeek(initialTime);\n }\n\n this._attachDragListeners();\n };\n\n private _didDragMove = false;\n\n private _onGlobalPointerMove = (event: PointerEvent) => {\n if (!this._dragging || this._activePointerId !== event.pointerId) {\n return;\n }\n\n this._didDragMove = true;\n const time = this._getTimeFromClientX(event.clientX);\n this._updateHover(event.clientX);\n\n if (this.commitOnRelease) {\n this._dragTime = time;\n } else {\n this._emitSeek(time);\n }\n };\n\n private _onGlobalPointerUp = (event: PointerEvent) => {\n if (!this._dragging || this._activePointerId !== event.pointerId) {\n return;\n }\n\n if (this.commitOnRelease && this._dragTime != null) {\n this._emitSeek(this._dragTime);\n }\n // Non-commitOnRelease: drag moves already emitted seeks, no double-seek on release\n\n this._dragging = false;\n this._dragTime = null;\n this._activePointerId = null;\n this._didDragMove = false;\n this._detachDragListeners();\n this._syncRaf();\n };\n\n private _attachDragListeners(): void {\n window.addEventListener(\"pointermove\", this._onGlobalPointerMove);\n window.addEventListener(\"pointerup\", this._onGlobalPointerUp);\n window.addEventListener(\"pointercancel\", this._onGlobalPointerUp);\n }\n\n private _detachDragListeners(): void {\n window.removeEventListener(\"pointermove\", this._onGlobalPointerMove);\n window.removeEventListener(\"pointerup\", this._onGlobalPointerUp);\n window.removeEventListener(\"pointercancel\", this._onGlobalPointerUp);\n }\n\n private get _thumbnailStyle(): Record<string, string> | null {\n if (!this.thumbnailCues?.length || !this._hovering || this._dragging) return null;\n const cue = findCueAtTime(this.thumbnailCues, this._hoverTime / 1000);\n if (!cue || cue.width === undefined || cue.height === undefined) return null;\n return {\n backgroundImage: `url(${cue.url})`,\n backgroundPosition: `-${cue.x ?? 0}px -${cue.y ?? 0}px`,\n backgroundSize: \"auto\",\n width: `${cue.width}px`,\n height: `${cue.height}px`,\n left: `${this._hoverPosition}%`,\n };\n }\n\n protected render() {\n const progressPercent = this._progressPercent;\n const showThumb = this._hovering || this._dragging;\n const canShowTooltip = this.isLive ? this._seekableWindow > 0 : Number.isFinite(this.duration);\n const thumbStyle = this._thumbnailStyle;\n\n return html`\n <div\n class=${classMap({\n \"seek-root\": true,\n \"seek-root--disabled\": this.disabled,\n \"fw-seek-root\": true,\n })}\n @pointerenter=${this._onPointerEnter}\n @pointerleave=${this._onPointerLeave}\n @pointermove=${this._onPointerMove}\n @pointerdown=${this._onPointerDown}\n role=\"slider\"\n aria-label=\"Seek\"\n aria-valuemin=${this.isLive ? this.seekableStart : 0}\n aria-valuemax=${this.isLive\n ? this._effectiveLiveEdge\n : Number.isFinite(this.duration)\n ? this.duration\n : 100}\n aria-valuenow=${this._displayTime}\n aria-valuetext=${this.isLive\n ? this._formatLiveTime(this._displayTime, this._effectiveLiveEdge)\n : this._formatTime(this._displayTime)}\n tabindex=${this.disabled ? -1 : 0}\n @keydown=${this._onKeyDown}\n >\n <div class=${classMap({ \"fw-seek-track\": true, \"fw-seek-track--active\": this._dragging })}>\n ${this._bufferedSegments.map(\n (segment) => html`\n <div\n class=\"fw-seek-buffered\"\n style=${styleMap({\n left: `${segment.startPercent}%`,\n width: `${segment.endPercent - segment.startPercent}%`,\n })}\n ></div>\n `\n )}\n <div\n class=\"fw-seek-progress\"\n style=${styleMap({ transform: `scaleX(${progressPercent / 100})` })}\n ></div>\n ${this._hovering && !this._dragging\n ? html`<div\n class=\"fw-seek-hover-line\"\n style=${styleMap({ left: `${this._hoverPosition}%` })}\n ></div>`\n : nothing}\n ${this.isLive ? html`<div class=\"fw-seek-live-edge\"></div>` : nothing}\n </div>\n\n <div\n class=${classMap({\n \"fw-seek-thumb\": true,\n \"fw-seek-thumb--active\": showThumb,\n \"fw-seek-thumb--hidden\": !showThumb,\n })}\n style=${styleMap({ left: `${progressPercent}%` })}\n ></div>\n\n ${thumbStyle\n ? html`<div class=\"fw-seek-thumbnail\" style=${styleMap(thumbStyle)}></div>`\n : nothing}\n ${this._hovering && !this._dragging && canShowTooltip\n ? html`\n <div class=\"fw-seek-tooltip\" style=${styleMap({ left: `${this._hoverPosition}%` })}>\n ${this.isLive\n ? this._formatLiveTime(this._hoverTime, this._effectiveLiveEdge)\n : this._formatTime(this._hoverTime)}\n </div>\n `\n : nothing}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"fw-seek-bar\": FwSeekBar;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, nothing, html } from 'lit';
|
|
3
3
|
import { property, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html, nothing } from 'lit';
|
|
3
3
|
import { property, state, customElement } from 'lit/decorators.js';
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.
|
|
1
|
+
import { __decorate } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.3.0_rollup@4.60.1_tslib@2.8.1_typescript@6.0.2/node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { css, LitElement, html } from 'lit';
|
|
3
3
|
import { property, customElement } from 'lit/decorators.js';
|
|
4
4
|
|