@livepeer-frameworks/player-svelte 0.1.1 → 0.1.3
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/LICENSE.md +24 -0
- package/README.md +6 -2
- package/dist/DevModePanel.svelte +304 -127
- package/dist/DevModePanel.svelte.d.ts +1 -1
- package/dist/DvdLogo.svelte +17 -21
- package/dist/Icons.svelte +5 -3
- package/dist/Icons.svelte.d.ts +6 -19
- package/dist/IdleScreen.svelte +300 -209
- package/dist/IdleScreen.svelte.d.ts +1 -1
- package/dist/LoadingScreen.svelte +206 -178
- package/dist/Player.svelte +244 -111
- package/dist/Player.svelte.d.ts +1 -1
- package/dist/PlayerControls.svelte +264 -164
- package/dist/PlayerControls.svelte.d.ts +1 -1
- package/dist/SeekBar.svelte +61 -35
- package/dist/SkipIndicator.svelte +4 -4
- package/dist/SkipIndicator.svelte.d.ts +1 -1
- package/dist/SpeedIndicator.svelte +1 -1
- package/dist/StatsPanel.svelte +76 -57
- package/dist/StatsPanel.svelte.d.ts +1 -1
- package/dist/StreamStateOverlay.svelte +159 -123
- package/dist/StreamStateOverlay.svelte.d.ts +1 -1
- package/dist/SubtitleRenderer.svelte +46 -43
- package/dist/ThumbnailOverlay.svelte +22 -19
- package/dist/TitleOverlay.svelte +6 -11
- package/dist/components/VolumeIcons.svelte +12 -6
- package/dist/global.d.ts +3 -3
- package/dist/icons/FullscreenExitIcon.svelte +1 -5
- package/dist/icons/FullscreenIcon.svelte +1 -5
- package/dist/icons/PauseIcon.svelte +1 -5
- package/dist/icons/PictureInPictureIcon.svelte +12 -6
- package/dist/icons/PlayIcon.svelte +1 -5
- package/dist/icons/SeekToLiveIcon.svelte +1 -5
- package/dist/icons/SettingsIcon.svelte +1 -5
- package/dist/icons/SkipBackIcon.svelte +1 -5
- package/dist/icons/SkipForwardIcon.svelte +1 -5
- package/dist/icons/StatsIcon.svelte +1 -5
- package/dist/icons/VolumeOffIcon.svelte +1 -5
- package/dist/icons/VolumeUpIcon.svelte +1 -5
- package/dist/icons/index.d.ts +12 -12
- package/dist/icons/index.js +12 -12
- package/dist/index.d.ts +24 -24
- package/dist/index.js +21 -21
- package/dist/stores/index.d.ts +6 -6
- package/dist/stores/index.js +6 -6
- package/dist/stores/playbackQuality.d.ts +2 -2
- package/dist/stores/playbackQuality.js +7 -7
- package/dist/stores/playerContext.d.ts +2 -2
- package/dist/stores/playerContext.js +17 -17
- package/dist/stores/playerController.d.ts +15 -4
- package/dist/stores/playerController.js +84 -56
- package/dist/stores/playerSelection.d.ts +2 -2
- package/dist/stores/playerSelection.js +7 -7
- package/dist/stores/streamState.d.ts +2 -2
- package/dist/stores/streamState.js +56 -56
- package/dist/stores/viewerEndpoints.d.ts +3 -3
- package/dist/stores/viewerEndpoints.js +21 -21
- package/dist/types.d.ts +1 -1
- package/dist/ui/Badge.svelte +9 -10
- package/dist/ui/Badge.svelte.d.ts +8 -29
- package/dist/ui/Button.svelte +16 -16
- package/dist/ui/Button.svelte.d.ts +8 -29
- package/dist/ui/Slider.svelte +21 -55
- package/dist/ui/badge.js +1 -1
- package/dist/ui/button.js +2 -2
- package/dist/ui/context-menu/ContextMenuCheckboxItem.svelte +5 -7
- package/dist/ui/context-menu/ContextMenuCheckboxItem.svelte.d.ts +6 -27
- package/dist/ui/context-menu/ContextMenuContent.svelte +2 -9
- package/dist/ui/context-menu/ContextMenuItem.svelte +1 -5
- package/dist/ui/context-menu/ContextMenuLabel.svelte +1 -5
- package/dist/ui/context-menu/ContextMenuRadioItem.svelte +5 -7
- package/dist/ui/context-menu/ContextMenuRadioItem.svelte.d.ts +6 -27
- package/dist/ui/context-menu/ContextMenuSeparator.svelte +2 -8
- package/dist/ui/context-menu/ContextMenuShortcut.svelte +2 -12
- package/dist/ui/context-menu/ContextMenuSubContent.svelte +1 -5
- package/package.json +22 -14
- package/src/DevModePanel.svelte +40 -1
- package/src/Icons.svelte +5 -3
- package/src/IdleScreen.svelte +21 -14
- package/src/LoadingScreen.svelte +20 -13
- package/src/Player.svelte +48 -2
- package/src/PlayerControls.svelte +37 -13
- package/src/SeekBar.svelte +33 -0
- package/src/StreamStateOverlay.svelte +2 -2
- package/src/stores/playerController.ts +46 -1
- package/src/stores/viewerEndpoints.ts +1 -1
- package/src/ui/Badge.svelte +7 -4
- package/src/ui/Button.svelte +13 -13
- package/src/ui/context-menu/ContextMenuCheckboxItem.svelte +4 -2
- package/src/ui/context-menu/ContextMenuRadioItem.svelte +4 -2
package/dist/TitleOverlay.svelte
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Port of src/components/TitleOverlay.tsx
|
|
4
4
|
-->
|
|
5
5
|
<script lang="ts">
|
|
6
|
-
import { cn } from
|
|
6
|
+
import { cn } from "@livepeer-frameworks/player-core";
|
|
7
7
|
|
|
8
8
|
interface Props {
|
|
9
9
|
title?: string | null;
|
|
@@ -12,12 +12,7 @@
|
|
|
12
12
|
class?: string;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
let {
|
|
16
|
-
title = null,
|
|
17
|
-
description = null,
|
|
18
|
-
isVisible,
|
|
19
|
-
class: className = '',
|
|
20
|
-
}: Props = $props();
|
|
15
|
+
let { title = null, description = null, isVisible, class: className = "" }: Props = $props();
|
|
21
16
|
|
|
22
17
|
// Don't render if no content
|
|
23
18
|
let hasContent = $derived(!!title || !!description);
|
|
@@ -26,10 +21,10 @@
|
|
|
26
21
|
{#if hasContent}
|
|
27
22
|
<div
|
|
28
23
|
class={cn(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
isVisible ?
|
|
24
|
+
"fw-title-overlay absolute inset-x-0 top-0 z-20 pointer-events-none",
|
|
25
|
+
"bg-gradient-to-b from-black/70 via-black/40 to-transparent",
|
|
26
|
+
"px-4 py-3 transition-opacity duration-300",
|
|
27
|
+
isVisible ? "opacity-100" : "opacity-0",
|
|
33
28
|
className
|
|
34
29
|
)}
|
|
35
30
|
>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
let {
|
|
3
3
|
size = 16,
|
|
4
|
-
color: _color =
|
|
5
|
-
className =
|
|
4
|
+
color: _color = "currentColor",
|
|
5
|
+
className = "",
|
|
6
6
|
isMuted = false,
|
|
7
|
-
volume = 1 // 0-1 range
|
|
7
|
+
volume = 1, // 0-1 range
|
|
8
8
|
}: {
|
|
9
9
|
size?: number;
|
|
10
10
|
color?: string;
|
|
@@ -24,7 +24,9 @@
|
|
|
24
24
|
class={className}
|
|
25
25
|
aria-hidden="true"
|
|
26
26
|
>
|
|
27
|
-
<path
|
|
27
|
+
<path
|
|
28
|
+
d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"
|
|
29
|
+
/>
|
|
28
30
|
</svg>
|
|
29
31
|
{:else if volume < 0.5}
|
|
30
32
|
<!-- Low volume icon -->
|
|
@@ -36,7 +38,9 @@
|
|
|
36
38
|
class={className}
|
|
37
39
|
aria-hidden="true"
|
|
38
40
|
>
|
|
39
|
-
<path
|
|
41
|
+
<path
|
|
42
|
+
d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"
|
|
43
|
+
/>
|
|
40
44
|
</svg>
|
|
41
45
|
{:else}
|
|
42
46
|
<!-- High volume icon -->
|
|
@@ -48,6 +52,8 @@
|
|
|
48
52
|
class={className}
|
|
49
53
|
aria-hidden="true"
|
|
50
54
|
>
|
|
51
|
-
<path
|
|
55
|
+
<path
|
|
56
|
+
d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
|
|
57
|
+
/>
|
|
52
58
|
</svg>
|
|
53
59
|
{/if}
|
package/dist/global.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
// Asset module declarations
|
|
2
|
-
declare module
|
|
2
|
+
declare module "*.svg" {
|
|
3
3
|
const content: string;
|
|
4
4
|
export default content;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
declare module
|
|
7
|
+
declare module "*.png" {
|
|
8
8
|
const content: string;
|
|
9
9
|
export default content;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
declare module
|
|
12
|
+
declare module "*.jpg" {
|
|
13
13
|
const content: string;
|
|
14
14
|
export default content;
|
|
15
15
|
}
|
|
@@ -8,11 +8,7 @@
|
|
|
8
8
|
class?: string;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
let {
|
|
12
|
-
size = 16,
|
|
13
|
-
color = 'currentColor',
|
|
14
|
-
class: className = '',
|
|
15
|
-
}: Props = $props();
|
|
11
|
+
let { size = 16, color = "currentColor", class: className = "" }: Props = $props();
|
|
16
12
|
</script>
|
|
17
13
|
|
|
18
14
|
<svg
|
|
@@ -23,6 +19,16 @@
|
|
|
23
19
|
class={className}
|
|
24
20
|
aria-hidden="true"
|
|
25
21
|
>
|
|
26
|
-
<rect
|
|
22
|
+
<rect
|
|
23
|
+
x="2"
|
|
24
|
+
y="3"
|
|
25
|
+
width="20"
|
|
26
|
+
height="14"
|
|
27
|
+
rx="2"
|
|
28
|
+
ry="2"
|
|
29
|
+
stroke={color}
|
|
30
|
+
stroke-width="2"
|
|
31
|
+
fill="none"
|
|
32
|
+
/>
|
|
27
33
|
<rect x="8" y="10" width="10" height="6" rx="1" ry="1" fill={color} />
|
|
28
34
|
</svg>
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Port of src/components/Icons.tsx
|
|
5
5
|
*/
|
|
6
|
-
export { default as PlayIcon } from
|
|
7
|
-
export { default as PauseIcon } from
|
|
8
|
-
export { default as SkipBackIcon } from
|
|
9
|
-
export { default as SkipForwardIcon } from
|
|
10
|
-
export { default as VolumeUpIcon } from
|
|
11
|
-
export { default as VolumeOffIcon } from
|
|
12
|
-
export { default as FullscreenIcon } from
|
|
13
|
-
export { default as FullscreenExitIcon } from
|
|
14
|
-
export { default as SettingsIcon } from
|
|
15
|
-
export { default as StatsIcon } from
|
|
16
|
-
export { default as PictureInPictureIcon } from
|
|
17
|
-
export { default as SeekToLiveIcon } from
|
|
6
|
+
export { default as PlayIcon } from "./PlayIcon.svelte";
|
|
7
|
+
export { default as PauseIcon } from "./PauseIcon.svelte";
|
|
8
|
+
export { default as SkipBackIcon } from "./SkipBackIcon.svelte";
|
|
9
|
+
export { default as SkipForwardIcon } from "./SkipForwardIcon.svelte";
|
|
10
|
+
export { default as VolumeUpIcon } from "./VolumeUpIcon.svelte";
|
|
11
|
+
export { default as VolumeOffIcon } from "./VolumeOffIcon.svelte";
|
|
12
|
+
export { default as FullscreenIcon } from "./FullscreenIcon.svelte";
|
|
13
|
+
export { default as FullscreenExitIcon } from "./FullscreenExitIcon.svelte";
|
|
14
|
+
export { default as SettingsIcon } from "./SettingsIcon.svelte";
|
|
15
|
+
export { default as StatsIcon } from "./StatsIcon.svelte";
|
|
16
|
+
export { default as PictureInPictureIcon } from "./PictureInPictureIcon.svelte";
|
|
17
|
+
export { default as SeekToLiveIcon } from "./SeekToLiveIcon.svelte";
|
package/dist/icons/index.js
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Port of src/components/Icons.tsx
|
|
5
5
|
*/
|
|
6
|
-
export { default as PlayIcon } from
|
|
7
|
-
export { default as PauseIcon } from
|
|
8
|
-
export { default as SkipBackIcon } from
|
|
9
|
-
export { default as SkipForwardIcon } from
|
|
10
|
-
export { default as VolumeUpIcon } from
|
|
11
|
-
export { default as VolumeOffIcon } from
|
|
12
|
-
export { default as FullscreenIcon } from
|
|
13
|
-
export { default as FullscreenExitIcon } from
|
|
14
|
-
export { default as SettingsIcon } from
|
|
15
|
-
export { default as StatsIcon } from
|
|
16
|
-
export { default as PictureInPictureIcon } from
|
|
17
|
-
export { default as SeekToLiveIcon } from
|
|
6
|
+
export { default as PlayIcon } from "./PlayIcon.svelte";
|
|
7
|
+
export { default as PauseIcon } from "./PauseIcon.svelte";
|
|
8
|
+
export { default as SkipBackIcon } from "./SkipBackIcon.svelte";
|
|
9
|
+
export { default as SkipForwardIcon } from "./SkipForwardIcon.svelte";
|
|
10
|
+
export { default as VolumeUpIcon } from "./VolumeUpIcon.svelte";
|
|
11
|
+
export { default as VolumeOffIcon } from "./VolumeOffIcon.svelte";
|
|
12
|
+
export { default as FullscreenIcon } from "./FullscreenIcon.svelte";
|
|
13
|
+
export { default as FullscreenExitIcon } from "./FullscreenExitIcon.svelte";
|
|
14
|
+
export { default as SettingsIcon } from "./SettingsIcon.svelte";
|
|
15
|
+
export { default as StatsIcon } from "./StatsIcon.svelte";
|
|
16
|
+
export { default as PictureInPictureIcon } from "./PictureInPictureIcon.svelte";
|
|
17
|
+
export { default as SeekToLiveIcon } from "./SeekToLiveIcon.svelte";
|
package/dist/index.d.ts
CHANGED
|
@@ -24,27 +24,27 @@
|
|
|
24
24
|
* />
|
|
25
25
|
* ```
|
|
26
26
|
*/
|
|
27
|
-
export { default as Button } from
|
|
28
|
-
export { default as Badge } from
|
|
29
|
-
export { default as Slider } from
|
|
30
|
-
export { default as Player } from
|
|
31
|
-
export { default as PlayerControls } from
|
|
32
|
-
export { default as SeekBar } from
|
|
33
|
-
export { default as SpeedIndicator } from
|
|
34
|
-
export { default as SkipIndicator } from
|
|
35
|
-
export { default as IdleScreen } from
|
|
36
|
-
export { default as LoadingScreen } from
|
|
37
|
-
export { default as StreamStateOverlay } from
|
|
38
|
-
export { default as SubtitleRenderer } from
|
|
39
|
-
export { default as DvdLogo } from
|
|
40
|
-
export { default as TitleOverlay } from
|
|
41
|
-
export { default as ThumbnailOverlay } from
|
|
42
|
-
export { default as StatsPanel } from
|
|
43
|
-
export { default as DevModePanel } from
|
|
44
|
-
export * from
|
|
45
|
-
export * from
|
|
46
|
-
export * from
|
|
47
|
-
export type { SkipDirection } from
|
|
48
|
-
export { PlayerController, PlayerManager, globalPlayerManager } from
|
|
49
|
-
export type { PlayerControllerConfig, PlayerControllerEvents } from
|
|
50
|
-
export type { PlayerState, PlayerStateContext, StreamState, StreamStatus, ContentMetadata, ContentEndpoints, EndpointInfo, PlaybackMode, PlaybackQuality, MistStreamInfo, PlayerOptions, PlayerMetadata, PlayerSelection, PlayerCombination, PlayerManagerOptions, PlayerManagerEvents, } from
|
|
27
|
+
export { default as Button } from "./ui/Button.svelte";
|
|
28
|
+
export { default as Badge } from "./ui/Badge.svelte";
|
|
29
|
+
export { default as Slider } from "./ui/Slider.svelte";
|
|
30
|
+
export { default as Player } from "./Player.svelte";
|
|
31
|
+
export { default as PlayerControls } from "./PlayerControls.svelte";
|
|
32
|
+
export { default as SeekBar } from "./SeekBar.svelte";
|
|
33
|
+
export { default as SpeedIndicator } from "./SpeedIndicator.svelte";
|
|
34
|
+
export { default as SkipIndicator } from "./SkipIndicator.svelte";
|
|
35
|
+
export { default as IdleScreen } from "./IdleScreen.svelte";
|
|
36
|
+
export { default as LoadingScreen } from "./LoadingScreen.svelte";
|
|
37
|
+
export { default as StreamStateOverlay } from "./StreamStateOverlay.svelte";
|
|
38
|
+
export { default as SubtitleRenderer } from "./SubtitleRenderer.svelte";
|
|
39
|
+
export { default as DvdLogo } from "./DvdLogo.svelte";
|
|
40
|
+
export { default as TitleOverlay } from "./TitleOverlay.svelte";
|
|
41
|
+
export { default as ThumbnailOverlay } from "./ThumbnailOverlay.svelte";
|
|
42
|
+
export { default as StatsPanel } from "./StatsPanel.svelte";
|
|
43
|
+
export { default as DevModePanel } from "./DevModePanel.svelte";
|
|
44
|
+
export * from "./icons";
|
|
45
|
+
export * from "./stores";
|
|
46
|
+
export * from "./ui/context-menu";
|
|
47
|
+
export type { SkipDirection } from "./types";
|
|
48
|
+
export { PlayerController, PlayerManager, globalPlayerManager, } from "@livepeer-frameworks/player-core";
|
|
49
|
+
export type { PlayerControllerConfig, PlayerControllerEvents, } from "@livepeer-frameworks/player-core";
|
|
50
|
+
export type { PlayerState, PlayerStateContext, StreamState, StreamStatus, ContentMetadata, ContentEndpoints, EndpointInfo, PlaybackMode, PlaybackQuality, MistStreamInfo, PlayerOptions, PlayerMetadata, PlayerSelection, PlayerCombination, PlayerManagerOptions, PlayerManagerEvents, } from "@livepeer-frameworks/player-core";
|
package/dist/index.js
CHANGED
|
@@ -25,30 +25,30 @@
|
|
|
25
25
|
* ```
|
|
26
26
|
*/
|
|
27
27
|
// UI primitives
|
|
28
|
-
export { default as Button } from
|
|
29
|
-
export { default as Badge } from
|
|
30
|
-
export { default as Slider } from
|
|
28
|
+
export { default as Button } from "./ui/Button.svelte";
|
|
29
|
+
export { default as Badge } from "./ui/Badge.svelte";
|
|
30
|
+
export { default as Slider } from "./ui/Slider.svelte";
|
|
31
31
|
// Main components
|
|
32
|
-
export { default as Player } from
|
|
33
|
-
export { default as PlayerControls } from
|
|
34
|
-
export { default as SeekBar } from
|
|
32
|
+
export { default as Player } from "./Player.svelte";
|
|
33
|
+
export { default as PlayerControls } from "./PlayerControls.svelte";
|
|
34
|
+
export { default as SeekBar } from "./SeekBar.svelte";
|
|
35
35
|
// Overlay components
|
|
36
|
-
export { default as SpeedIndicator } from
|
|
37
|
-
export { default as SkipIndicator } from
|
|
38
|
-
export { default as IdleScreen } from
|
|
39
|
-
export { default as LoadingScreen } from
|
|
40
|
-
export { default as StreamStateOverlay } from
|
|
41
|
-
export { default as SubtitleRenderer } from
|
|
42
|
-
export { default as DvdLogo } from
|
|
43
|
-
export { default as TitleOverlay } from
|
|
44
|
-
export { default as ThumbnailOverlay } from
|
|
45
|
-
export { default as StatsPanel } from
|
|
46
|
-
export { default as DevModePanel } from
|
|
36
|
+
export { default as SpeedIndicator } from "./SpeedIndicator.svelte";
|
|
37
|
+
export { default as SkipIndicator } from "./SkipIndicator.svelte";
|
|
38
|
+
export { default as IdleScreen } from "./IdleScreen.svelte";
|
|
39
|
+
export { default as LoadingScreen } from "./LoadingScreen.svelte";
|
|
40
|
+
export { default as StreamStateOverlay } from "./StreamStateOverlay.svelte";
|
|
41
|
+
export { default as SubtitleRenderer } from "./SubtitleRenderer.svelte";
|
|
42
|
+
export { default as DvdLogo } from "./DvdLogo.svelte";
|
|
43
|
+
export { default as TitleOverlay } from "./TitleOverlay.svelte";
|
|
44
|
+
export { default as ThumbnailOverlay } from "./ThumbnailOverlay.svelte";
|
|
45
|
+
export { default as StatsPanel } from "./StatsPanel.svelte";
|
|
46
|
+
export { default as DevModePanel } from "./DevModePanel.svelte";
|
|
47
47
|
// Icon components
|
|
48
|
-
export * from
|
|
48
|
+
export * from "./icons";
|
|
49
49
|
// Stores
|
|
50
|
-
export * from
|
|
50
|
+
export * from "./stores";
|
|
51
51
|
// Context menu components
|
|
52
|
-
export * from
|
|
52
|
+
export * from "./ui/context-menu";
|
|
53
53
|
// Re-export core types and classes for Svelte users
|
|
54
|
-
export { PlayerController, PlayerManager, globalPlayerManager } from
|
|
54
|
+
export { PlayerController, PlayerManager, globalPlayerManager, } from "@livepeer-frameworks/player-core";
|
package/dist/stores/index.d.ts
CHANGED
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
* - Player instance context sharing
|
|
8
8
|
* - Playback quality monitoring
|
|
9
9
|
*/
|
|
10
|
-
export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, type StreamStateOptions, type StreamStateStore, } from
|
|
11
|
-
export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, type ViewerEndpointsOptions, type ViewerEndpointsStore, type ViewerEndpointsState, type EndpointStatus, } from
|
|
12
|
-
export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, type PlayerContextState, type PlayerContextStore, } from
|
|
13
|
-
export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, type PlaybackQualityOptions, type PlaybackQualityStore, } from
|
|
14
|
-
export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, type PlayerSelectionOptions, type PlayerSelectionState, type PlayerSelectionStore, } from
|
|
15
|
-
export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, type PlayerControllerStoreConfig, type PlayerControllerState, type PlayerControllerStore, } from
|
|
10
|
+
export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, type StreamStateOptions, type StreamStateStore, } from "./streamState";
|
|
11
|
+
export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, type ViewerEndpointsOptions, type ViewerEndpointsStore, type ViewerEndpointsState, type EndpointStatus, } from "./viewerEndpoints";
|
|
12
|
+
export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, type PlayerContextState, type PlayerContextStore, } from "./playerContext";
|
|
13
|
+
export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, type PlaybackQualityOptions, type PlaybackQualityStore, } from "./playbackQuality";
|
|
14
|
+
export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, type PlayerSelectionOptions, type PlayerSelectionState, type PlayerSelectionStore, } from "./playerSelection";
|
|
15
|
+
export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, type PlayerControllerStoreConfig, type PlayerControllerState, type PlayerControllerStore, } from "./playerController";
|
package/dist/stores/index.js
CHANGED
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
* - Playback quality monitoring
|
|
9
9
|
*/
|
|
10
10
|
// Stream state (MistServer polling)
|
|
11
|
-
export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, } from
|
|
11
|
+
export { createStreamStateManager, createDerivedStreamStatus, createDerivedIsOnline, createDerivedStreamInfo, } from "./streamState";
|
|
12
12
|
// Viewer endpoints (Gateway resolution)
|
|
13
|
-
export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, } from
|
|
13
|
+
export { createEndpointResolver, createDerivedEndpoints, createDerivedPrimaryEndpoint, createDerivedMetadata, createDerivedStatus, } from "./viewerEndpoints";
|
|
14
14
|
// Player context (instance sharing)
|
|
15
|
-
export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, } from
|
|
15
|
+
export { createPlayerContext, setPlayerContextInComponent, getPlayerContextFromComponent, getPlayerContextOrFallback, createDerivedVideoElement, createDerivedIsReady, createDerivedPlayerInfo, } from "./playerContext";
|
|
16
16
|
// Playback quality monitoring
|
|
17
|
-
export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, } from
|
|
17
|
+
export { createPlaybackQualityMonitor, createDerivedQualityScore, createDerivedStallCount, createDerivedFrameDropRate, createDerivedBitrate, createDerivedLatency, } from "./playbackQuality";
|
|
18
18
|
// Player selection (event-driven, cached)
|
|
19
|
-
export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, } from
|
|
19
|
+
export { createPlayerSelectionStore, createDerivedSelection, createDerivedCombinations, createDerivedReady, createDerivedSelectedPlayer, createDerivedSelectedSourceType, createDerivedCompatibleCombinations, createDerivedIncompatibleCombinations, } from "./playerSelection";
|
|
20
20
|
// PlayerController store (central orchestrator)
|
|
21
|
-
export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, } from
|
|
21
|
+
export { createPlayerControllerStore, createDerivedState, createDerivedIsPlaying, createDerivedCurrentTime, createDerivedDuration, createDerivedError, createDerivedVideoElement as createDerivedControllerVideoElement, createDerivedShouldShowControls, createDerivedShouldShowIdleScreen, } from "./playerController";
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Wraps QualityMonitor for reactive quality metrics.
|
|
5
5
|
*/
|
|
6
|
-
import { type Readable } from
|
|
7
|
-
import { type PlaybackQuality } from
|
|
6
|
+
import { type Readable } from "svelte/store";
|
|
7
|
+
import { type PlaybackQuality } from "@livepeer-frameworks/player-core";
|
|
8
8
|
export interface PlaybackQualityOptions {
|
|
9
9
|
sampleInterval?: number;
|
|
10
10
|
enabled?: boolean;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Wraps QualityMonitor for reactive quality metrics.
|
|
5
5
|
*/
|
|
6
|
-
import { writable, derived } from
|
|
7
|
-
import { QualityMonitor } from
|
|
6
|
+
import { writable, derived } from "svelte/store";
|
|
7
|
+
import { QualityMonitor } from "@livepeer-frameworks/player-core";
|
|
8
8
|
/**
|
|
9
9
|
* Create a playback quality monitoring store.
|
|
10
10
|
*
|
|
@@ -81,18 +81,18 @@ export function createPlaybackQualityMonitor(options = {}) {
|
|
|
81
81
|
}
|
|
82
82
|
// Convenience derived stores
|
|
83
83
|
export function createDerivedQualityScore(store) {
|
|
84
|
-
return derived(store, $quality => $quality?.score ?? 100);
|
|
84
|
+
return derived(store, ($quality) => $quality?.score ?? 100);
|
|
85
85
|
}
|
|
86
86
|
export function createDerivedStallCount(store) {
|
|
87
|
-
return derived(store, $quality => $quality?.stallCount ?? 0);
|
|
87
|
+
return derived(store, ($quality) => $quality?.stallCount ?? 0);
|
|
88
88
|
}
|
|
89
89
|
export function createDerivedFrameDropRate(store) {
|
|
90
|
-
return derived(store, $quality => $quality?.frameDropRate ?? 0);
|
|
90
|
+
return derived(store, ($quality) => $quality?.frameDropRate ?? 0);
|
|
91
91
|
}
|
|
92
92
|
export function createDerivedBitrate(store) {
|
|
93
|
-
return derived(store, $quality => $quality?.bitrate ?? 0);
|
|
93
|
+
return derived(store, ($quality) => $quality?.bitrate ?? 0);
|
|
94
94
|
}
|
|
95
95
|
export function createDerivedLatency(store) {
|
|
96
|
-
return derived(store, $quality => $quality?.latency);
|
|
96
|
+
return derived(store, ($quality) => $quality?.latency);
|
|
97
97
|
}
|
|
98
98
|
export default createPlaybackQualityMonitor;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Port of PlayerContext.tsx React context to Svelte 5 stores.
|
|
5
5
|
*/
|
|
6
|
-
import { type Readable } from
|
|
7
|
-
import { type StreamInfo, type IPlayer } from
|
|
6
|
+
import { type Readable } from "svelte/store";
|
|
7
|
+
import { type StreamInfo, type IPlayer } from "@livepeer-frameworks/player-core";
|
|
8
8
|
export interface PlayerContextState {
|
|
9
9
|
/** Current video element (if available) */
|
|
10
10
|
videoElement: HTMLVideoElement | null;
|