@livepeer-frameworks/player-svelte 0.1.0 → 0.1.2

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.
Files changed (127) hide show
  1. package/README.md +4 -6
  2. package/dist/DevModePanel.svelte +266 -127
  3. package/dist/DevModePanel.svelte.d.ts +1 -1
  4. package/dist/DvdLogo.svelte +17 -21
  5. package/dist/Icons.svelte +5 -3
  6. package/dist/Icons.svelte.d.ts +6 -19
  7. package/dist/IdleScreen.svelte +277 -186
  8. package/dist/IdleScreen.svelte.d.ts +1 -1
  9. package/dist/LoadingScreen.svelte +190 -162
  10. package/dist/Player.svelte +244 -111
  11. package/dist/Player.svelte.d.ts +1 -1
  12. package/dist/PlayerControls.svelte +263 -168
  13. package/dist/PlayerControls.svelte.d.ts +1 -1
  14. package/dist/SeekBar.svelte +61 -35
  15. package/dist/SkipIndicator.svelte +4 -4
  16. package/dist/SkipIndicator.svelte.d.ts +1 -1
  17. package/dist/SpeedIndicator.svelte +1 -1
  18. package/dist/StatsPanel.svelte +76 -57
  19. package/dist/StatsPanel.svelte.d.ts +1 -1
  20. package/dist/StreamStateOverlay.svelte +143 -107
  21. package/dist/StreamStateOverlay.svelte.d.ts +1 -1
  22. package/dist/SubtitleRenderer.svelte +46 -43
  23. package/dist/ThumbnailOverlay.svelte +22 -19
  24. package/dist/TitleOverlay.svelte +6 -11
  25. package/dist/components/VolumeIcons.svelte +12 -6
  26. package/dist/global.d.ts +3 -3
  27. package/dist/icons/FullscreenExitIcon.svelte +1 -5
  28. package/dist/icons/FullscreenIcon.svelte +1 -5
  29. package/dist/icons/PauseIcon.svelte +1 -5
  30. package/dist/icons/PictureInPictureIcon.svelte +12 -6
  31. package/dist/icons/PlayIcon.svelte +1 -5
  32. package/dist/icons/SeekToLiveIcon.svelte +1 -5
  33. package/dist/icons/SettingsIcon.svelte +1 -5
  34. package/dist/icons/SkipBackIcon.svelte +1 -5
  35. package/dist/icons/SkipForwardIcon.svelte +1 -5
  36. package/dist/icons/StatsIcon.svelte +1 -5
  37. package/dist/icons/VolumeOffIcon.svelte +1 -5
  38. package/dist/icons/VolumeUpIcon.svelte +1 -5
  39. package/dist/icons/index.d.ts +12 -12
  40. package/dist/icons/index.js +12 -12
  41. package/dist/index.d.ts +24 -24
  42. package/dist/index.js +21 -21
  43. package/dist/stores/index.d.ts +6 -6
  44. package/dist/stores/index.js +6 -6
  45. package/dist/stores/playbackQuality.d.ts +2 -2
  46. package/dist/stores/playbackQuality.js +7 -7
  47. package/dist/stores/playerContext.d.ts +2 -2
  48. package/dist/stores/playerContext.js +17 -17
  49. package/dist/stores/playerController.d.ts +13 -4
  50. package/dist/stores/playerController.js +80 -56
  51. package/dist/stores/playerSelection.d.ts +2 -2
  52. package/dist/stores/playerSelection.js +7 -7
  53. package/dist/stores/streamState.d.ts +2 -2
  54. package/dist/stores/streamState.js +56 -56
  55. package/dist/stores/viewerEndpoints.d.ts +3 -3
  56. package/dist/stores/viewerEndpoints.js +21 -21
  57. package/dist/types.d.ts +1 -1
  58. package/dist/ui/Badge.svelte +9 -10
  59. package/dist/ui/Badge.svelte.d.ts +8 -29
  60. package/dist/ui/Button.svelte +16 -16
  61. package/dist/ui/Button.svelte.d.ts +8 -29
  62. package/dist/ui/Slider.svelte +21 -55
  63. package/dist/ui/badge.js +1 -1
  64. package/dist/ui/button.js +2 -2
  65. package/dist/ui/context-menu/ContextMenuCheckboxItem.svelte +5 -7
  66. package/dist/ui/context-menu/ContextMenuCheckboxItem.svelte.d.ts +6 -27
  67. package/dist/ui/context-menu/ContextMenuContent.svelte +2 -9
  68. package/dist/ui/context-menu/ContextMenuItem.svelte +1 -5
  69. package/dist/ui/context-menu/ContextMenuLabel.svelte +1 -5
  70. package/dist/ui/context-menu/ContextMenuRadioItem.svelte +5 -7
  71. package/dist/ui/context-menu/ContextMenuRadioItem.svelte.d.ts +6 -27
  72. package/dist/ui/context-menu/ContextMenuSeparator.svelte +2 -8
  73. package/dist/ui/context-menu/ContextMenuShortcut.svelte +2 -12
  74. package/dist/ui/context-menu/ContextMenuSubContent.svelte +1 -5
  75. package/package.json +15 -7
  76. package/src/DevModePanel.svelte +266 -127
  77. package/src/DvdLogo.svelte +17 -21
  78. package/src/Icons.svelte +5 -3
  79. package/src/IdleScreen.svelte +277 -186
  80. package/src/LoadingScreen.svelte +190 -162
  81. package/src/Player.svelte +244 -111
  82. package/src/PlayerControls.svelte +263 -168
  83. package/src/SeekBar.svelte +61 -35
  84. package/src/SkipIndicator.svelte +4 -4
  85. package/src/SpeedIndicator.svelte +1 -1
  86. package/src/StatsPanel.svelte +76 -57
  87. package/src/StreamStateOverlay.svelte +143 -107
  88. package/src/SubtitleRenderer.svelte +46 -43
  89. package/src/ThumbnailOverlay.svelte +22 -19
  90. package/src/TitleOverlay.svelte +6 -11
  91. package/src/components/VolumeIcons.svelte +12 -6
  92. package/src/global.d.ts +3 -3
  93. package/src/icons/FullscreenExitIcon.svelte +1 -5
  94. package/src/icons/FullscreenIcon.svelte +1 -5
  95. package/src/icons/PauseIcon.svelte +1 -5
  96. package/src/icons/PictureInPictureIcon.svelte +12 -6
  97. package/src/icons/PlayIcon.svelte +1 -5
  98. package/src/icons/SeekToLiveIcon.svelte +1 -5
  99. package/src/icons/SettingsIcon.svelte +1 -5
  100. package/src/icons/SkipBackIcon.svelte +1 -5
  101. package/src/icons/SkipForwardIcon.svelte +1 -5
  102. package/src/icons/StatsIcon.svelte +1 -5
  103. package/src/icons/VolumeOffIcon.svelte +1 -5
  104. package/src/icons/VolumeUpIcon.svelte +1 -5
  105. package/src/icons/index.ts +12 -12
  106. package/src/index.ts +31 -24
  107. package/src/stores/index.ts +6 -6
  108. package/src/stores/playbackQuality.ts +10 -8
  109. package/src/stores/playerContext.ts +21 -17
  110. package/src/stores/playerController.ts +196 -126
  111. package/src/stores/playerSelection.ts +23 -13
  112. package/src/stores/streamState.ts +51 -51
  113. package/src/stores/viewerEndpoints.ts +30 -26
  114. package/src/types.ts +1 -1
  115. package/src/ui/Badge.svelte +9 -10
  116. package/src/ui/Button.svelte +16 -16
  117. package/src/ui/Slider.svelte +21 -55
  118. package/src/ui/badge.ts +3 -2
  119. package/src/ui/button.ts +17 -5
  120. package/src/ui/context-menu/ContextMenuCheckboxItem.svelte +5 -7
  121. package/src/ui/context-menu/ContextMenuContent.svelte +2 -9
  122. package/src/ui/context-menu/ContextMenuItem.svelte +1 -5
  123. package/src/ui/context-menu/ContextMenuLabel.svelte +1 -5
  124. package/src/ui/context-menu/ContextMenuRadioItem.svelte +5 -7
  125. package/src/ui/context-menu/ContextMenuSeparator.svelte +2 -8
  126. package/src/ui/context-menu/ContextMenuShortcut.svelte +2 -12
  127. package/src/ui/context-menu/ContextMenuSubContent.svelte +1 -5
package/README.md CHANGED
@@ -29,22 +29,19 @@ npm i @livepeer-frameworks/player-svelte
29
29
  ```
30
30
 
31
31
  Notes:
32
+
32
33
  - There is **no default gateway**; provide `gatewayUrl` unless you pass `endpoints` or `mistUrl`.
33
34
 
34
35
  ### Direct MistServer Node (mistUrl)
35
36
 
36
37
  ```svelte
37
- <Player
38
- contentType="live"
39
- contentId="pk_..."
40
- options={{ mistUrl: 'https://edge.example.com' }}
41
- />
38
+ <Player contentType="live" contentId="pk_..." options={{ mistUrl: "https://edge.example.com" }} />
42
39
  ```
43
40
 
44
41
  ### Styles
45
42
 
46
43
  ```ts
47
- import '@livepeer-frameworks/player-svelte/player.css';
44
+ import "@livepeer-frameworks/player-svelte/player.css";
48
45
  ```
49
46
 
50
47
  ## Controls & Shortcuts
@@ -73,6 +70,7 @@ The player ships with keyboard/mouse shortcuts when the player is focused (click
73
70
  | Click/Tap and hold | 2x speed | Disabled on live-only |
74
71
 
75
72
  **Constraints**
73
+
76
74
  - Live-only streams disable seeking/skip/2x hold and frame-step.
77
75
  - Live with DVR buffer enables the same shortcuts as VOD.
78
76
  - Frame stepping only moves within already buffered ranges (no network seek). WebCodecs supports true frame stepping when paused.