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/src/i18n/translations.js
CHANGED
|
@@ -47,7 +47,11 @@ export const translations = {
|
|
|
47
47
|
noCaptions: 'No captions available',
|
|
48
48
|
auto: 'Auto',
|
|
49
49
|
autoQuality: 'Auto (no quality selection available)',
|
|
50
|
-
noQuality: 'Quality selection not available'
|
|
50
|
+
noQuality: 'Quality selection not available',
|
|
51
|
+
signLanguageDragResize: 'Sign Language Video - Press D to drag with keyboard, R to resize',
|
|
52
|
+
signLanguageDragActive: 'Sign Language Video - Drag mode active. Use arrow keys to move, Escape to exit.',
|
|
53
|
+
signLanguageResizeActive: 'Sign Language Video - Resize mode active. Use left/right arrow keys to resize, Escape to exit.',
|
|
54
|
+
resizeHandle: 'Resize {direction} corner'
|
|
51
55
|
},
|
|
52
56
|
captions: {
|
|
53
57
|
off: 'Off',
|
|
@@ -60,7 +64,7 @@ export const translations = {
|
|
|
60
64
|
},
|
|
61
65
|
fontSizes: {
|
|
62
66
|
small: 'Small',
|
|
63
|
-
|
|
67
|
+
normal: 'Normal',
|
|
64
68
|
large: 'Large',
|
|
65
69
|
xlarge: 'X-Large'
|
|
66
70
|
},
|
|
@@ -88,7 +92,14 @@ export const translations = {
|
|
|
88
92
|
title: 'Transcript',
|
|
89
93
|
close: 'Close transcript',
|
|
90
94
|
loading: 'Loading transcript...',
|
|
91
|
-
noTranscript: 'No transcript available for this video.'
|
|
95
|
+
noTranscript: 'No transcript available for this video.',
|
|
96
|
+
settings: 'Transcript settings. Press Enter to open menu, or D to enable drag mode',
|
|
97
|
+
keyboardDragMode: 'Toggle keyboard drag mode with arrow keys. Shortcut: D key',
|
|
98
|
+
keyboardDragActive: '⌨️ Keyboard Drag Mode Active (Arrow keys to move, Shift+Arrows for large steps, D or ESC to exit)',
|
|
99
|
+
resizeWindow: 'Resize Window',
|
|
100
|
+
styleTranscript: 'Open transcript style settings',
|
|
101
|
+
closeMenu: 'Close Menu',
|
|
102
|
+
styleTitle: 'Transcript Style'
|
|
92
103
|
},
|
|
93
104
|
settings: {
|
|
94
105
|
title: 'Settings',
|
|
@@ -158,7 +169,11 @@ export const translations = {
|
|
|
158
169
|
noCaptions: 'Keine Untertitel verfügbar',
|
|
159
170
|
auto: 'Automatisch',
|
|
160
171
|
autoQuality: 'Automatisch (keine Qualitätsauswahl verfügbar)',
|
|
161
|
-
noQuality: 'Qualitätsauswahl nicht verfügbar'
|
|
172
|
+
noQuality: 'Qualitätsauswahl nicht verfügbar',
|
|
173
|
+
signLanguageDragResize: 'Gebärdensprache-Video - Drücken Sie D zum Verschieben per Tastatur, R zum Ändern der Größe',
|
|
174
|
+
signLanguageDragActive: 'Gebärdensprache-Video - Verschiebemodus aktiv. Pfeiltasten zum Bewegen, Escape zum Beenden.',
|
|
175
|
+
signLanguageResizeActive: 'Gebärdensprache-Video - Größenänderungsmodus aktiv. Links-/Rechts-Pfeiltasten zum Ändern der Größe, Escape zum Beenden.',
|
|
176
|
+
resizeHandle: 'Größenänderung {direction}-Ecke'
|
|
162
177
|
},
|
|
163
178
|
captions: {
|
|
164
179
|
off: 'Aus',
|
|
@@ -171,7 +186,7 @@ export const translations = {
|
|
|
171
186
|
},
|
|
172
187
|
fontSizes: {
|
|
173
188
|
small: 'Klein',
|
|
174
|
-
|
|
189
|
+
normal: 'Normal',
|
|
175
190
|
large: 'Groß',
|
|
176
191
|
xlarge: 'Sehr groß'
|
|
177
192
|
},
|
|
@@ -199,7 +214,14 @@ export const translations = {
|
|
|
199
214
|
title: 'Transkript',
|
|
200
215
|
close: 'Transkript schließen',
|
|
201
216
|
loading: 'Transkript wird geladen...',
|
|
202
|
-
noTranscript: 'Kein Transkript für dieses Video verfügbar.'
|
|
217
|
+
noTranscript: 'Kein Transkript für dieses Video verfügbar.',
|
|
218
|
+
settings: 'Transkript-Einstellungen. Eingabetaste zum Öffnen des Menüs drücken oder D zum Aktivieren des Verschiebemodus',
|
|
219
|
+
keyboardDragMode: 'Tastatur-Verschiebemodus mit Pfeiltasten umschalten. Tastenkombination: D-Taste',
|
|
220
|
+
keyboardDragActive: '⌨️ Tastatur-Verschiebemodus aktiv (Pfeiltasten zum Bewegen, Umschalt+Pfeiltasten für große Schritte, D oder ESC zum Beenden)',
|
|
221
|
+
resizeWindow: 'Fenster vergrößern/verkleinern',
|
|
222
|
+
styleTranscript: 'Transkript-Stileinstellungen öffnen',
|
|
223
|
+
closeMenu: 'Menü schließen',
|
|
224
|
+
styleTitle: 'Transkript-Stil'
|
|
203
225
|
},
|
|
204
226
|
settings: {
|
|
205
227
|
title: 'Einstellungen',
|
|
@@ -269,7 +291,11 @@ export const translations = {
|
|
|
269
291
|
noCaptions: 'No hay subtítulos disponibles',
|
|
270
292
|
auto: 'Automático',
|
|
271
293
|
autoQuality: 'Automático (selección de calidad no disponible)',
|
|
272
|
-
noQuality: 'Selección de calidad no disponible'
|
|
294
|
+
noQuality: 'Selección de calidad no disponible',
|
|
295
|
+
signLanguageDragResize: 'Video en Lengua de Señas - Presione D para arrastrar con el teclado, R para cambiar el tamaño',
|
|
296
|
+
signLanguageDragActive: 'Video en Lengua de Señas - Modo de arrastre activo. Use las teclas de flecha para mover, Escape para salir.',
|
|
297
|
+
signLanguageResizeActive: 'Video en Lengua de Señas - Modo de cambio de tamaño activo. Use las teclas de flecha izquierda/derecha para cambiar el tamaño, Escape para salir.',
|
|
298
|
+
resizeHandle: 'Cambiar tamaño esquina {direction}'
|
|
273
299
|
},
|
|
274
300
|
captions: {
|
|
275
301
|
off: 'Desactivado',
|
|
@@ -282,7 +308,7 @@ export const translations = {
|
|
|
282
308
|
},
|
|
283
309
|
fontSizes: {
|
|
284
310
|
small: 'Pequeño',
|
|
285
|
-
|
|
311
|
+
normal: 'Normal',
|
|
286
312
|
large: 'Grande',
|
|
287
313
|
xlarge: 'Muy grande'
|
|
288
314
|
},
|
|
@@ -310,7 +336,14 @@ export const translations = {
|
|
|
310
336
|
title: 'Transcripción',
|
|
311
337
|
close: 'Cerrar transcripción',
|
|
312
338
|
loading: 'Cargando transcripción...',
|
|
313
|
-
noTranscript: 'No hay transcripción disponible para este video.'
|
|
339
|
+
noTranscript: 'No hay transcripción disponible para este video.',
|
|
340
|
+
settings: 'Configuración de transcripción. Presione Enter para abrir el menú o D para activar el modo de arrastre',
|
|
341
|
+
keyboardDragMode: 'Alternar modo de arrastre con teclado usando teclas de flecha. Atajo: tecla D',
|
|
342
|
+
keyboardDragActive: '⌨️ Modo de Arrastre con Teclado Activo (Teclas de flecha para mover, Mayús+Flechas para pasos grandes, D o ESC para salir)',
|
|
343
|
+
resizeWindow: 'Cambiar tamaño de ventana',
|
|
344
|
+
styleTranscript: 'Abrir configuración de estilo de transcripción',
|
|
345
|
+
closeMenu: 'Cerrar menú',
|
|
346
|
+
styleTitle: 'Estilo de Transcripción'
|
|
314
347
|
},
|
|
315
348
|
settings: {
|
|
316
349
|
title: 'Configuración',
|
|
@@ -380,7 +413,11 @@ export const translations = {
|
|
|
380
413
|
noCaptions: 'Aucun sous-titre disponible',
|
|
381
414
|
auto: 'Automatique',
|
|
382
415
|
autoQuality: 'Automatique (sélection de qualité non disponible)',
|
|
383
|
-
noQuality: 'Sélection de qualité non disponible'
|
|
416
|
+
noQuality: 'Sélection de qualité non disponible',
|
|
417
|
+
signLanguageDragResize: 'Vidéo en Langue des Signes - Appuyez sur D pour déplacer avec le clavier, R pour redimensionner',
|
|
418
|
+
signLanguageDragActive: 'Vidéo en Langue des Signes - Mode glissement actif. Utilisez les touches fléchées pour déplacer, Échap pour quitter.',
|
|
419
|
+
signLanguageResizeActive: 'Vidéo en Langue des Signes - Mode redimensionnement actif. Utilisez les touches fléchées gauche/droite pour redimensionner, Échap pour quitter.',
|
|
420
|
+
resizeHandle: 'Redimensionner coin {direction}'
|
|
384
421
|
},
|
|
385
422
|
captions: {
|
|
386
423
|
off: 'Désactivé',
|
|
@@ -393,7 +430,7 @@ export const translations = {
|
|
|
393
430
|
},
|
|
394
431
|
fontSizes: {
|
|
395
432
|
small: 'Petit',
|
|
396
|
-
|
|
433
|
+
normal: 'Normal',
|
|
397
434
|
large: 'Grand',
|
|
398
435
|
xlarge: 'Très grand'
|
|
399
436
|
},
|
|
@@ -421,7 +458,14 @@ export const translations = {
|
|
|
421
458
|
title: 'Transcription',
|
|
422
459
|
close: 'Fermer la transcription',
|
|
423
460
|
loading: 'Chargement de la transcription...',
|
|
424
|
-
noTranscript: 'Aucune transcription disponible pour cette vidéo.'
|
|
461
|
+
noTranscript: 'Aucune transcription disponible pour cette vidéo.',
|
|
462
|
+
settings: 'Paramètres de transcription. Appuyez sur Entrée pour ouvrir le menu ou D pour activer le mode glissement',
|
|
463
|
+
keyboardDragMode: 'Basculer le mode glissement avec les touches fléchées. Raccourci: touche D',
|
|
464
|
+
keyboardDragActive: '⌨️ Mode Glissement Clavier Actif (Touches fléchées pour déplacer, Maj+Fléchées pour grands pas, D ou Échap pour quitter)',
|
|
465
|
+
resizeWindow: 'Redimensionner la fenêtre',
|
|
466
|
+
styleTranscript: 'Ouvrir les paramètres de style de transcription',
|
|
467
|
+
closeMenu: 'Fermer le menu',
|
|
468
|
+
styleTitle: 'Style de Transcription'
|
|
425
469
|
},
|
|
426
470
|
settings: {
|
|
427
471
|
title: 'Paramètres',
|
|
@@ -491,7 +535,11 @@ export const translations = {
|
|
|
491
535
|
noCaptions: '字幕がありません',
|
|
492
536
|
auto: '自動',
|
|
493
537
|
autoQuality: '自動(画質選択不可)',
|
|
494
|
-
noQuality: '画質選択不可'
|
|
538
|
+
noQuality: '画質選択不可',
|
|
539
|
+
signLanguageDragResize: '手話動画 - キーボードでドラッグするにはDキーを、サイズ変更するにはRキーを押してください',
|
|
540
|
+
signLanguageDragActive: '手話動画 - ドラッグモードが有効です。矢印キーで移動、Escapeで終了します。',
|
|
541
|
+
signLanguageResizeActive: '手話動画 - サイズ変更モードが有効です。左右の矢印キーでサイズ変更、Escapeで終了します。',
|
|
542
|
+
resizeHandle: '{direction}コーナーのサイズ変更'
|
|
495
543
|
},
|
|
496
544
|
captions: {
|
|
497
545
|
off: 'オフ',
|
|
@@ -504,7 +552,7 @@ export const translations = {
|
|
|
504
552
|
},
|
|
505
553
|
fontSizes: {
|
|
506
554
|
small: '小',
|
|
507
|
-
|
|
555
|
+
normal: '標準',
|
|
508
556
|
large: '大',
|
|
509
557
|
xlarge: '特大'
|
|
510
558
|
},
|
|
@@ -532,7 +580,14 @@ export const translations = {
|
|
|
532
580
|
title: '文字起こし',
|
|
533
581
|
close: '文字起こしを閉じる',
|
|
534
582
|
loading: '文字起こしを読み込み中...',
|
|
535
|
-
noTranscript: 'このビデオの文字起こしはありません。'
|
|
583
|
+
noTranscript: 'このビデオの文字起こしはありません。',
|
|
584
|
+
settings: '文字起こし設定。Enterキーでメニューを開く、またはDキーでドラッグモードを有効にする',
|
|
585
|
+
keyboardDragMode: '矢印キーでキーボードドラッグモードを切り替え。ショートカット:Dキー',
|
|
586
|
+
keyboardDragActive: '⌨️ キーボードドラッグモード有効(矢印キーで移動、Shift+矢印キーで大きく移動、DまたはESCで終了)',
|
|
587
|
+
resizeWindow: 'ウィンドウのサイズ変更',
|
|
588
|
+
styleTranscript: '文字起こしスタイル設定を開く',
|
|
589
|
+
closeMenu: 'メニューを閉じる',
|
|
590
|
+
styleTitle: '文字起こしスタイル'
|
|
536
591
|
},
|
|
537
592
|
settings: {
|
|
538
593
|
title: '設定',
|
package/src/icons/Icons.js
CHANGED
|
@@ -71,9 +71,9 @@ const iconPaths = {
|
|
|
71
71
|
|
|
72
72
|
transcript: `<path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/>`,
|
|
73
73
|
|
|
74
|
-
audioDescription: `<
|
|
75
|
-
|
|
76
|
-
audioDescriptionOn: `<
|
|
74
|
+
audioDescription: `<rect x="2" y="5" width="20" height="14" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><text x="12" y="16" font-family="Arial, sans-serif" font-size="10" font-weight="bold" text-anchor="middle" fill="currentColor">AD</text>`,
|
|
75
|
+
|
|
76
|
+
audioDescriptionOn: `<rect x="2" y="5" width="20" height="14" rx="2" fill="#1a1a1a" stroke="#1a1a1a" stroke-width="2"/><text x="12" y="16" font-family="Arial, sans-serif" font-size="10" font-weight="bold" text-anchor="middle" fill="#ffffff">AD</text>`,
|
|
77
77
|
|
|
78
78
|
signLanguage: `<g transform="scale(1.5)"><path d="M16 11.3c-.1-.9-4.8 1.3-5.4 1.1-2.6-1 5.8-1.3 5.1-2.9s-5.1 1.5-6 1.4C6.5 9.4 16.5 9.1 13.5 8c-1.9-.6-8.8 2.9-6.8.4.7-.6.7-1.9-.7-1.7-9.7 7.2-.7 12.2 8.8 7 0-1.3-3.5.4-4.1.4-2.6 0 5.6-2 5.4-3ZM3.9 7.8c3.2-4.2 3.7 1.2 6 .1s.2-.2.2-.3c.7-2.7 2.5-7.5-1.5-1.3-1.6 0 1.1-4 1-4.6C8.9-1 7.3 4.4 7.2 4.9c-1.6.7-.9-1.4-.7-1.5 3-6-.6-3.1-.9.4-2.5 1.8 0-2.8 0-3.5C2.8-.9 4 9.4 1.1 4.9S.1 4.6 0 5c-.4 2.7 2.6 7.2 3.9 2.8Z"/></g>`,
|
|
79
79
|
|
|
@@ -85,7 +85,11 @@ const iconPaths = {
|
|
|
85
85
|
|
|
86
86
|
moreVertical: `<path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>`,
|
|
87
87
|
|
|
88
|
-
moreHorizontal: `<path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
|
|
88
|
+
moreHorizontal: `<path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>`,
|
|
89
|
+
|
|
90
|
+
move: `<path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"/>`,
|
|
91
|
+
|
|
92
|
+
resize: `<path d="M21.71 11.29l-9-9c-.39-.39-1.02-.39-1.41 0l-9 9c-.39.39-.39 1.02 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9c.39-.38.39-1.01 0-1.41zM14 14.5V12h-4v2.5L7 11l3-3.5V10h4V7.5l3 3.5-3 3.5z"/>`
|
|
89
93
|
};
|
|
90
94
|
|
|
91
95
|
// Optimized wrapper that adds common SVG attributes
|