vidply 1.0.6 → 1.0.7
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/README.md +19 -4
- package/dist/vidply.css +640 -25
- package/dist/vidply.esm.js +1447 -93
- package/dist/vidply.esm.js.map +3 -3
- package/dist/vidply.esm.min.js +6 -6
- package/dist/vidply.esm.min.meta.json +38 -15
- package/dist/vidply.js +1447 -93
- package/dist/vidply.js.map +3 -3
- package/dist/vidply.min.css +1 -1
- package/dist/vidply.min.js +6 -6
- package/dist/vidply.min.meta.json +38 -15
- package/package.json +1 -1
- package/src/controls/CaptionManager.js +30 -0
- package/src/controls/ControlBar.js +11 -4
- package/src/controls/SettingsDialog.js +3 -3
- package/src/controls/TranscriptManager.js +1147 -72
- package/src/core/Player.js +450 -20
- package/src/i18n/translations.js +70 -15
- package/src/icons/Icons.js +8 -4
- package/src/styles/vidply.css +640 -25
- package/src/utils/StorageManager.js +156 -0
package/README.md
CHANGED
|
@@ -44,7 +44,7 @@ Try VidPly in action:
|
|
|
44
44
|
### Accessibility Features
|
|
45
45
|
- **Full Keyboard Navigation** - WCAG 2.1 compliant
|
|
46
46
|
- **Screen Reader Support** - Complete ARIA labels
|
|
47
|
-
- **Interactive Transcripts** - Click-to-seek transcript window
|
|
47
|
+
- **Interactive Transcripts** - Click-to-seek transcript window with move and resize controls
|
|
48
48
|
- **Sign Language Overlay** - Picture-in-picture sign language video
|
|
49
49
|
- **Audio Description** - Alternate audio track with descriptions
|
|
50
50
|
- **Customizable Shortcuts** - User-definable hotkeys
|
|
@@ -318,6 +318,8 @@ const player = new Player('#video', {
|
|
|
318
318
|
| <kbd>Q</kbd> | Open Quality Menu |
|
|
319
319
|
| <kbd>J</kbd> | Open Chapters Menu |
|
|
320
320
|
| <kbd>T</kbd> | Toggle Transcript |
|
|
321
|
+
| <kbd>D</kbd> | Toggle Keyboard Drag Mode (when transcript focused) |
|
|
322
|
+
| <kbd>R</kbd> | Toggle Resize Mode (when transcript focused) |
|
|
321
323
|
|
|
322
324
|
## API Reference
|
|
323
325
|
|
|
@@ -373,9 +375,22 @@ player.captionManager.getAvailableTracks() // Get all tracks
|
|
|
373
375
|
### Transcript
|
|
374
376
|
|
|
375
377
|
```javascript
|
|
376
|
-
player.transcriptManager.showTranscript()
|
|
377
|
-
player.transcriptManager.hideTranscript()
|
|
378
|
-
player.transcriptManager.toggleTranscript()
|
|
378
|
+
player.transcriptManager.showTranscript() // Show transcript window
|
|
379
|
+
player.transcriptManager.hideTranscript() // Hide transcript window
|
|
380
|
+
player.transcriptManager.toggleTranscript() // Toggle transcript
|
|
381
|
+
|
|
382
|
+
// Settings & Move/Resize Controls
|
|
383
|
+
player.transcriptManager.showSettingsMenu() // Show settings dropdown
|
|
384
|
+
player.transcriptManager.hideSettingsMenu() // Hide settings dropdown
|
|
385
|
+
player.transcriptManager.enableMoveMode() // Show move mode feedback
|
|
386
|
+
player.transcriptManager.toggleResizeMode() // Toggle resize handles
|
|
387
|
+
player.transcriptManager.enableResizeHandles() // Enable window resizing
|
|
388
|
+
player.transcriptManager.disableResizeHandles() // Disable window resizing
|
|
389
|
+
|
|
390
|
+
// NEW: Full Keyboard Support
|
|
391
|
+
player.transcriptManager.enableKeyboardDragMode() // Enable arrow key dragging
|
|
392
|
+
player.transcriptManager.disableKeyboardDragMode() // Disable arrow key dragging
|
|
393
|
+
player.transcriptManager.toggleKeyboardDragMode() // Toggle keyboard drag mode
|
|
379
394
|
```
|
|
380
395
|
|
|
381
396
|
### Audio Description
|