@scarlett-player/ui 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,69 @@
+# @scarlett-player/ui
+
+UI controls plugin for Scarlett Player. Provides a modern, customizable player interface.
+
+## Installation
+
+```bash
+npm install @scarlett-player/core @scarlett-player/ui
+```
+
+## Usage
+
+```typescript
+import { ScarlettPlayer } from '@scarlett-player/core';
+import { createHLSPlugin } from '@scarlett-player/hls';
+import { uiPlugin } from '@scarlett-player/ui';
+
+const player = new ScarlettPlayer({
+  container: document.getElementById('player'),
+  plugins: [
+    createHLSPlugin(),
+    uiPlugin({
+      theme: { accentColor: '#e50914' },
+    }),
+  ],
+});
+```
+
+## Features
+
+- Play/pause, seek, volume controls
+- Fullscreen toggle
+- Quality selector
+- Progress bar with buffering indicator
+- Time display (current / duration)
+- Keyboard shortcuts
+- Customizable theming
+- Auto-hide controls
+
+## Keyboard Shortcuts
+
+| Key | Action |
+|-----|--------|
+| Space / K | Play/Pause |
+| M | Toggle mute |
+| F | Toggle fullscreen |
+| Left Arrow | Seek -5s |
+| Right Arrow | Seek +5s |
+| Up Arrow | Volume +10% |
+| Down Arrow | Volume -10% |
+
+## Theming
+
+```typescript
+uiPlugin({
+  theme: {
+    accentColor: '#e50914',      // Progress bar, highlights
+    primaryColor: '#ffffff',      // Text, icons
+    backgroundColor: 'rgba(0, 0, 0, 0.8)',
+    controlBarHeight: 48,
+    iconSize: 24,
+  },
+  hideDelay: 3000,  // Auto-hide delay in ms
+});
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -696,8 +696,12 @@ var ProgressBar = class {
         if (this.wasPlayingBeforeDrag) {
           const video = getVideo(this.api.container);
           if (video && video.paused) {
-            video.play().catch(() => {
-            });
+            const resumePlayback = () => {
+              video.removeEventListener("seeked", resumePlayback);
+              video.play().catch(() => {
+              });
+            };
+            video.addEventListener("seeked", resumePlayback);
           }
         }
       }

package/dist/index.js

@@ -665,8 +665,12 @@ var ProgressBar = class {
         if (this.wasPlayingBeforeDrag) {
           const video = getVideo(this.api.container);
           if (video && video.paused) {
-            video.play().catch(() => {
-            });
+            const resumePlayback = () => {
+              video.removeEventListener("seeked", resumePlayback);
+              video.play().catch(() => {
+              });
+            };
+            video.addEventListener("seeked", resumePlayback);
           }
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scarlett-player/ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "UI Controls Plugin for Scarlett Player",
   "type": "module",
   "main": "dist/index.cjs",
@@ -32,7 +32,7 @@
     "@scarlett-player/core": "^0.1.0"
   },
   "devDependencies": {
-    "@scarlett-player/core": "file:../../core",
+    "@scarlett-player/core": "workspace:*",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vitest": "^1.6.0",
@@ -55,5 +55,5 @@
   "bugs": {
     "url": "https://github.com/Hackney-Enterprises-Inc/scarlett-player/issues"
   },
-  "homepage": "https://github.com/Hackney-Enterprises-Inc/scarlett-player#readme"
+  "homepage": "https://scarlettplayer.com"
 }