@playkit-js/playkit-js-ui 0.79.19 → 0.79.20
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import {h, Component} from 'preact';
|
|
2
|
+
import {KeyMap} from './key-map';
|
|
3
|
+
import {focusElement} from './focus-element';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* wraps a component and handles all key navigation and focus
|
|
@@ -13,6 +13,7 @@ export const withKeyboardA11y = (WrappedComponent): any =>
|
|
|
13
13
|
_accessibleChildren: Array<HTMLElement> = [];
|
|
14
14
|
_previouslyActiveElement?: HTMLElement | null;
|
|
15
15
|
_isModal: boolean = false;
|
|
16
|
+
_morePluginButton: HTMLButtonElement | null = null;
|
|
16
17
|
|
|
17
18
|
/**
|
|
18
19
|
* after component mounted, focus on relevant element
|
|
@@ -33,6 +34,15 @@ export const withKeyboardA11y = (WrappedComponent): any =>
|
|
|
33
34
|
this._isModal = value;
|
|
34
35
|
}
|
|
35
36
|
|
|
37
|
+
/**
|
|
38
|
+
* setter to change to more button state
|
|
39
|
+
* @param {boolean} value - the modal state
|
|
40
|
+
* @memberOf HOC
|
|
41
|
+
*/
|
|
42
|
+
set morePluginButton(button: HTMLButtonElement | null) {
|
|
43
|
+
this._morePluginButton = button;
|
|
44
|
+
}
|
|
45
|
+
|
|
36
46
|
/**
|
|
37
47
|
* handles keydown events
|
|
38
48
|
* @param {KeyboardEvent} e - the keyboard event
|
|
@@ -92,6 +102,8 @@ export const withKeyboardA11y = (WrappedComponent): any =>
|
|
|
92
102
|
componentWillUnmount(): void {
|
|
93
103
|
if (this._previouslyActiveElement && document.contains(this._previouslyActiveElement)) {
|
|
94
104
|
focusElement(this._previouslyActiveElement);
|
|
105
|
+
} else if (this._previouslyActiveElement?.classList.contains('playkit-dropdown-item_kw')) {
|
|
106
|
+
focusElement(this._morePluginButton);
|
|
95
107
|
}
|
|
96
108
|
}
|
|
97
109
|
|
|
@@ -112,6 +124,7 @@ export const withKeyboardA11y = (WrappedComponent): any =>
|
|
|
112
124
|
clearAccessibleChildren={this.clearAccessibleChildren}
|
|
113
125
|
handleKeyDown={this.onKeyDown}
|
|
114
126
|
setIsModal={this.setIsModel}
|
|
127
|
+
setMoreButton={this.setMoreButton}
|
|
115
128
|
/>
|
|
116
129
|
);
|
|
117
130
|
}
|
|
@@ -172,4 +185,8 @@ export const withKeyboardA11y = (WrappedComponent): any =>
|
|
|
172
185
|
setIsModel = (isModel: boolean): void => {
|
|
173
186
|
this.isModal = isModel;
|
|
174
187
|
};
|
|
188
|
+
|
|
189
|
+
setMoreButton = (moreButton: HTMLButtonElement | null): void => {
|
|
190
|
+
this.morePluginButton = moreButton;
|
|
191
|
+
};
|
|
175
192
|
};
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
{
|
|
2
|
+
"ca_es": {
|
|
3
|
+
"controls": {
|
|
4
|
+
"play": "Reproduir",
|
|
5
|
+
"pause": "Pausa",
|
|
6
|
+
"language": "Llenguatge",
|
|
7
|
+
"settings": "Configuració",
|
|
8
|
+
"fullscreen": "Pantalla completa",
|
|
9
|
+
"fullscreenExit": "Sortir de pantalla completa",
|
|
10
|
+
"rewind": "Rebobinar",
|
|
11
|
+
"secondsRewind": "Busca {{seconds}} segons enrere",
|
|
12
|
+
"forward": "Busca endavant",
|
|
13
|
+
"secondsForward": "Busca {{seconds}} segons endavant",
|
|
14
|
+
"vrStereo": "vrStereo",
|
|
15
|
+
"closedCaptionsOn": "Desactivar subtítols",
|
|
16
|
+
"closedCaptionsOff": "Activar subtítols",
|
|
17
|
+
"live": "Viu",
|
|
18
|
+
"mute": "Mut",
|
|
19
|
+
"unmute": "Activar el so",
|
|
20
|
+
"next": "Següent",
|
|
21
|
+
"prev": "Anterior",
|
|
22
|
+
"startOver": "Començar de nou",
|
|
23
|
+
"pictureInPicture": "Imatge en imatge",
|
|
24
|
+
"pictureInPictureExit": "Sortir d'Imatge en imatge",
|
|
25
|
+
"logo": "Logotip",
|
|
26
|
+
"seekBarSlider": "Barra de cerca",
|
|
27
|
+
"readLess": "Menys",
|
|
28
|
+
"readMore": "Més"
|
|
29
|
+
},
|
|
30
|
+
"unmute": {
|
|
31
|
+
"unmute": "Activar el so"
|
|
32
|
+
},
|
|
33
|
+
"volume": {
|
|
34
|
+
"muted_click_to_unmute": "Silenciat. Fes clic per activar el so",
|
|
35
|
+
"volume_click_to_mute": "{{vol}}% de volum. Fes clic per silenciar",
|
|
36
|
+
"ten_percent": "deu per cent",
|
|
37
|
+
"twenty_percent": "vint per cent",
|
|
38
|
+
"thirty_percent": "trenta per cent",
|
|
39
|
+
"fourty_percent": "quaranta per cent",
|
|
40
|
+
"fifty_percent": "cinquanta per cent",
|
|
41
|
+
"sixty_percent": "seixanta per cent",
|
|
42
|
+
"seventy_percent": "setanta per cent",
|
|
43
|
+
"eighty_percent": "vuitanta per cent",
|
|
44
|
+
"ninety_percent": "noranta per cent",
|
|
45
|
+
"one_hundred_percent": "cent per cent",
|
|
46
|
+
"volume_slider_aria_label": "Volum",
|
|
47
|
+
"volume_slider_description": "Utilitza les fletxes per controlar el volum"
|
|
48
|
+
},
|
|
49
|
+
"copy": {
|
|
50
|
+
"button": "Copiar URL"
|
|
51
|
+
},
|
|
52
|
+
"settings": {
|
|
53
|
+
"title": "Configuració",
|
|
54
|
+
"audio": "Àudio",
|
|
55
|
+
"quality": "Qualitat",
|
|
56
|
+
"speed": "Velocitat",
|
|
57
|
+
"speedNormal": "Normal",
|
|
58
|
+
"qualityAuto": "Automàtic",
|
|
59
|
+
"qualityHdLabel": "La qualitat és HD",
|
|
60
|
+
"quality4kLabel": "La qualitat és 4k",
|
|
61
|
+
"quality8kLabel": "La qualitat és 8k",
|
|
62
|
+
"advanced_audio_description": "Descripció d'àudio ampliada",
|
|
63
|
+
"advanced_audio_description_enabled": "Desactivar descripció d'àudio ampliada",
|
|
64
|
+
"advanced_audio_description_disabled": "Activar descripció d'àudio ampliada"
|
|
65
|
+
},
|
|
66
|
+
"captions": {
|
|
67
|
+
"captions": "Subtítols",
|
|
68
|
+
"advanced_captions_settings": "Configuració avançada dels subtítols"
|
|
69
|
+
},
|
|
70
|
+
"overlay": {
|
|
71
|
+
"close": "Tancar"
|
|
72
|
+
},
|
|
73
|
+
"error": {
|
|
74
|
+
"default_error_title": "S'ha produït un error",
|
|
75
|
+
"default_error_message": "Hi ha hagut un error, si us plau, torna-ho a intentar més tard.",
|
|
76
|
+
"network_error_title": "Hi ha un problema amb la teva xarxa",
|
|
77
|
+
"network_error_message": "Si us plau, comprova la connexió de xarxa i torna-ho a intentar.",
|
|
78
|
+
"media_unavailable_error_title": "Mitjà no disponible",
|
|
79
|
+
"media_unavailable_error_message": "Aquest contingut ha estat restringit. Obteniu els permisos necessaris per accedir al contingut.",
|
|
80
|
+
"text_error_title": "Error en el flux de text",
|
|
81
|
+
"text_error_message": "S'ha produït un error en el flux de text",
|
|
82
|
+
"media_error_title": "Error en el flux de mitjans",
|
|
83
|
+
"media_error_message": "Un o més fluxos de mitjans han fallat.",
|
|
84
|
+
"manifest_error_title": "Error en el manifest de reproducció",
|
|
85
|
+
"manifest_error_message": "Error en processar el manifest de reproducció.",
|
|
86
|
+
"streaming_error_title": "No es pot carregar el flux",
|
|
87
|
+
"streaming_error_message": "S'ha produït un error en el protocol de transmissió.",
|
|
88
|
+
"drm_error_message": "No tens permisos per veure aquest contingut.",
|
|
89
|
+
"media_not_ready_error_title": "Mitjà en procés",
|
|
90
|
+
"media_not_ready_error_message": "El contingut està en procés, torna-ho a provar en breu.",
|
|
91
|
+
"geo_location_error_title": "Ubicació geogràfica no disponible",
|
|
92
|
+
"geo_location_error_message": "Aquest contingut no està disponible a la teva regió.",
|
|
93
|
+
"ip_restricted_error_message": "Aquest contingut ha estat restringit a certes adreces IP.",
|
|
94
|
+
"default_session_text": "Còpia per atenció al client: ID de sessió",
|
|
95
|
+
"retry": "Torna-ho a intentar"
|
|
96
|
+
},
|
|
97
|
+
"ads": {
|
|
98
|
+
"ad_notice": "Publicitat",
|
|
99
|
+
"learn_more": "Més informació",
|
|
100
|
+
"skip_ad": "Ometre anunci",
|
|
101
|
+
"skip_in": "Ometre en"
|
|
102
|
+
},
|
|
103
|
+
"cvaa": {
|
|
104
|
+
"title": "Configuració avançada dels subtítols",
|
|
105
|
+
"sample_caption_tag": "Subtítol exemple {{number}}",
|
|
106
|
+
"sample_custom_caption_tag": "Subtítols personalitzats",
|
|
107
|
+
"set_custom_caption": "Establir subtítol personalitzat",
|
|
108
|
+
"edit_caption": "Editar subtítol",
|
|
109
|
+
"size_label": "Mida",
|
|
110
|
+
"font_color_label": "Color de la font",
|
|
111
|
+
"font_alignment_label": "Alineació de la font",
|
|
112
|
+
"font_family_label": "Tipus de lletra",
|
|
113
|
+
"font_style_label": "Estil de la font",
|
|
114
|
+
"font_opacity_label": "Opacitat de la font",
|
|
115
|
+
"background_color_label": "Color de fons",
|
|
116
|
+
"background_opacity_label": "Opacitat del fons",
|
|
117
|
+
"apply": "Aplicar",
|
|
118
|
+
"caption_preview": "Aquesta és la previsualització del teu subtítol"
|
|
119
|
+
},
|
|
120
|
+
"cast": {
|
|
121
|
+
"play_on_tv": "Reproduir a la TV",
|
|
122
|
+
"disconnect_from_tv": "Desconnectar de la TV",
|
|
123
|
+
"status": {
|
|
124
|
+
"connecting_to": "Connectant a",
|
|
125
|
+
"connected_to": "Connectat a",
|
|
126
|
+
"playing_on": "Reproduint a"
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
"playlist": {
|
|
130
|
+
"prev": "Anterior",
|
|
131
|
+
"next": "Següent",
|
|
132
|
+
"up_next": "A continuació",
|
|
133
|
+
"up_next_in": "Pròximment",
|
|
134
|
+
"cancel": "Cancel·lar"
|
|
135
|
+
},
|
|
136
|
+
"pictureInPicture": {
|
|
137
|
+
"overlay_text": "Reproduint en mode Imatge en imatge"
|
|
138
|
+
},
|
|
139
|
+
"watermark": {
|
|
140
|
+
"watermark_alt_text": "Filigrana"
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"ca": {
|
|
3
|
-
"controls": {
|
|
4
|
-
"play": "Reproduir",
|
|
5
|
-
"pause": "Pausa",
|
|
6
|
-
"language": "Llenguatge",
|
|
7
|
-
"settings": "Configuració",
|
|
8
|
-
"fullscreen": "Pantalla completa",
|
|
9
|
-
"fullscreenExit": "Sortir de pantalla completa",
|
|
10
|
-
"rewind": "Rebobinar",
|
|
11
|
-
"secondsRewind": "Busca {{segons}} segons cap enrere",
|
|
12
|
-
"forward": "Busca endavant",
|
|
13
|
-
"secondsForward": "Busca {{segons}} segons endavant",
|
|
14
|
-
"vrStereo": "vrStereo",
|
|
15
|
-
"closedCaptionsOn": "Activa els subtítols",
|
|
16
|
-
"closedCaptionsOff": "Desactiva els subtítols",
|
|
17
|
-
"live": "Viu",
|
|
18
|
-
"mute": "Mut",
|
|
19
|
-
"unmute": "Desactiva el so",
|
|
20
|
-
"next": "Següent",
|
|
21
|
-
"prev": "Anterior",
|
|
22
|
-
"startOver": "Comença de nou",
|
|
23
|
-
"pictureInPicture": "Imatge en imatge",
|
|
24
|
-
"pictureInPictureExit": "Surt de la imatge a la imatge",
|
|
25
|
-
"pictureInPictureExpand": "Ampliar",
|
|
26
|
-
"logo": "Logotip",
|
|
27
|
-
"seekBarSlider": "Barra de cerca",
|
|
28
|
-
"readLess": "Menys",
|
|
29
|
-
"readMore": "Més"
|
|
30
|
-
},
|
|
31
|
-
"unmute": {
|
|
32
|
-
"unmute": "Unmute"
|
|
33
|
-
},
|
|
34
|
-
"volume": {
|
|
35
|
-
"muted_click_to_unmute": "Silenciat. Feu clic per desactivar el silenci",
|
|
36
|
-
"volume_click_to_mute": "{{vol}}% volum. Feu clic per silenciar",
|
|
37
|
-
"ten_percent": "deu per cent",
|
|
38
|
-
"twenty_percent": "vint per cent",
|
|
39
|
-
"thirty_percent": "trenta per cent",
|
|
40
|
-
"fourty_percent": "quaranta per cent",
|
|
41
|
-
"fifty_percent": "cinquanta per cent",
|
|
42
|
-
"sixty_percent": "seixanta per cent",
|
|
43
|
-
"seventy_percent": "setanta per cent",
|
|
44
|
-
"eighty_percent": "vuitanta per cent",
|
|
45
|
-
"ninety_percent": "noranta per cent",
|
|
46
|
-
"one_hundred_percent": "cent per cent",
|
|
47
|
-
"volume_slider_aria_label": "Control de volum, utilitza les fletxes per controlar el volum"
|
|
48
|
-
},
|
|
49
|
-
"copy": {
|
|
50
|
-
"button": "Copia l'URL"
|
|
51
|
-
},
|
|
52
|
-
"settings": {
|
|
53
|
-
"title": "Configuració",
|
|
54
|
-
"audio": "Àudio",
|
|
55
|
-
"quality": "Qualitat",
|
|
56
|
-
"speed": "Velocitat",
|
|
57
|
-
"speedNormal": "Normal",
|
|
58
|
-
"qualityAuto": "Automàtic",
|
|
59
|
-
"advancedAudioDescription": "Descripció d'àudio avançada"
|
|
60
|
-
},
|
|
61
|
-
"captions": {
|
|
62
|
-
"captions": "Subtítols",
|
|
63
|
-
"advanced_captions_settings": "Configuració avançada de subtítols"
|
|
64
|
-
},
|
|
65
|
-
"overlay": {
|
|
66
|
-
"close": "Tanca"
|
|
67
|
-
},
|
|
68
|
-
"error": {
|
|
69
|
-
"default_error_title": "Alguna cosa ha anat malament",
|
|
70
|
-
"default_error_message": "Hi ha hagut un error. Siusplau, torni a intentar-ho més tard.",
|
|
71
|
-
"network_error_title": "Hi ha un problema amb la vostra xarxa",
|
|
72
|
-
"network_error_message": "Si us plau, comproveu la vostra connexió de xarxa i torneu-ho a provar.",
|
|
73
|
-
"media_unavailable_error_title": "Els mitjans no estan disponibles",
|
|
74
|
-
"media_unavailable_error_message": "Aquest mitjà s'ha restringit. Si us plau, obteniu els permisos pertinents per accedir al contingut.",
|
|
75
|
-
"text_error_title": "Error de flux de text",
|
|
76
|
-
"text_error_message": "S'ha produït un error de flux de text",
|
|
77
|
-
"media_error_title": "Error de flux multimèdia",
|
|
78
|
-
"media_error_message": "Un o més fluxos multimèdia han fallat.",
|
|
79
|
-
"manifest_error_title": "Error de manifest de reproducció",
|
|
80
|
-
"manifest_error_message": "S'ha produït un error en processar el manifest de reproducció.",
|
|
81
|
-
"streaming_error_title": "No es pot carregar el flux",
|
|
82
|
-
"streaming_error_message": "S'ha produït un error de protocol de transmissió.",
|
|
83
|
-
"drm_error_message": "No tens permisos per veure aquest mitjà.",
|
|
84
|
-
"media_not_ready_error_title": "Els mitjans s'estan processant",
|
|
85
|
-
"media_not_ready_error_message": "Els mitjans s'estan processant, torneu a comprovar-ho aviat.",
|
|
86
|
-
"geo_location_error_title": "Ubicació geogràfica no disponible",
|
|
87
|
-
"geo_location_error_message": "Aquest contingut no està disponible a la vostra regió.",
|
|
88
|
-
"default_session_text": "Còpia per a l'atenció al client: identificador de sessió",
|
|
89
|
-
"retry": "Torna-ho a provar"
|
|
90
|
-
},
|
|
91
|
-
"ads": {
|
|
92
|
-
"ad_notice": "Anunci",
|
|
93
|
-
"learn_more": "Aprèn més",
|
|
94
|
-
"skip_ad": "Saltar anunci",
|
|
95
|
-
"skip_in": "Saltar-te"
|
|
96
|
-
},
|
|
97
|
-
"cvaa": {
|
|
98
|
-
"title": "Configuració avançada de subtítols",
|
|
99
|
-
"sample_caption_tag": "Mostra {{nombre}}",
|
|
100
|
-
"sample_custom_caption_tag": "Títols personalitzats",
|
|
101
|
-
"set_custom_caption": "Estableix un subtítol personalitzat",
|
|
102
|
-
"edit_caption": "Edita el subtítol",
|
|
103
|
-
"size_label": "Mida",
|
|
104
|
-
"font_color_label": "Color de la lletra",
|
|
105
|
-
"font_alignment_label": "Alineació del tipus de lletra",
|
|
106
|
-
"font_family_label": "Família de fonts",
|
|
107
|
-
"font_style_label": "Estil de lletra",
|
|
108
|
-
"font_opacity_label": "Opacitat de la font",
|
|
109
|
-
"background_color_label": "Color de fons",
|
|
110
|
-
"background_opacity_label": "Opacitat del fons",
|
|
111
|
-
"apply": "Aplica",
|
|
112
|
-
"caption_preview": "Aquesta és la vista prèvia dels subtítols"
|
|
113
|
-
},
|
|
114
|
-
"cast": {
|
|
115
|
-
"play_on_tv": "Reprodueix a la televisió",
|
|
116
|
-
"disconnect_from_tv": "Desconnecta de la televisió",
|
|
117
|
-
"status": {
|
|
118
|
-
"connecting_to": "Connexió a",
|
|
119
|
-
"connected_to": "Connectat a",
|
|
120
|
-
"playing_on": "Jugant"
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
"playlist": {
|
|
124
|
-
"prev": "Anterior",
|
|
125
|
-
"next": "Següent",
|
|
126
|
-
"up_next": "A continuació",
|
|
127
|
-
"up_next_in": "Pròximment",
|
|
128
|
-
"cancel": "Cancel · lar"
|
|
129
|
-
},
|
|
130
|
-
"pictureInPicture": {
|
|
131
|
-
"overlay_text": "Reproduint en mode Picture In Picture"
|
|
132
|
-
},
|
|
133
|
-
"watermark": {
|
|
134
|
-
"watermark_alt_text": "Filigrana"
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
}
|