@playkit-js/playkit-js-ui 0.82.12 → 0.82.13-canary.0-29a2cfb
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/dist/playkit-js-ui.d.ts +46 -2
- package/dist/playkit-ui.js +1 -1
- package/dist/playkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/src/components/bottom-bar/bottom-bar.tsx +2 -0
- package/src/components/forward/forward.tsx +42 -14
- package/src/components/icon/icon.scss +26 -8
- package/src/components/icon/icon.tsx +13 -1
- package/src/components/index.ts +2 -0
- package/src/components/quality-control/index.ts +1 -0
- package/src/components/quality-control/quality-control.tsx +157 -0
- package/src/components/quality-menu/quality-menu.tsx +28 -12
- package/src/components/rewind/rewind.tsx +44 -14
- package/src/components/settings/settings.tsx +5 -5
- package/src/components/smart-container/smart-container.tsx +1 -1
- package/src/components/speed-control/index.ts +1 -0
- package/src/components/speed-control/speed-control.tsx +146 -0
- package/src/components/speed-menu/speed-menu.tsx +29 -12
- package/src/reducers/config.ts +3 -0
- package/src/types/ui-options.ts +3 -0
- package/src/ui-presets/live.tsx +3 -1
- package/src/ui-presets/playback.tsx +4 -0
- package/translations/ca_es.i18n.json +4 -0
- package/translations/de.i18n.json +4 -0
- package/translations/es.i18n.json +4 -0
- package/translations/fi.i18n.json +4 -0
- package/translations/fr.i18n.json +4 -0
- package/translations/fr_ca.i18n.json +4 -0
- package/translations/he.i18n.json +4 -0
- package/translations/it.i18n.json +4 -0
- package/translations/ja.i18n.json +4 -0
- package/translations/ko.i18n.json +4 -0
- package/translations/nl.i18n.json +4 -0
- package/translations/pt_br.i18n.json +4 -0
- package/translations/ru.i18n.json +4 -0
- package/translations/zh_cn.i18n.json +4 -0
- package/translations/zh_tw.i18n.json +5 -1
package/dist/playkit-js-ui.d.ts
CHANGED
|
@@ -2080,6 +2080,8 @@ declare namespace Components {
|
|
|
2080
2080
|
Title,
|
|
2081
2081
|
Audio_2 as Audio,
|
|
2082
2082
|
TextWithTooltip,
|
|
2083
|
+
QualityControl,
|
|
2084
|
+
SpeedControl,
|
|
2083
2085
|
EventDispatcherProvider,
|
|
2084
2086
|
WithEventDispatcherProps,
|
|
2085
2087
|
withEventDispatcher,
|
|
@@ -3186,6 +3188,15 @@ declare function formatOnlyNumbersInput(val: string): string;
|
|
|
3186
3188
|
* @extends {Component}
|
|
3187
3189
|
*/
|
|
3188
3190
|
declare class Forward extends Component<any, any> {
|
|
3191
|
+
private _secondsToSeek;
|
|
3192
|
+
constructor(props: any);
|
|
3193
|
+
/**
|
|
3194
|
+
* checking if value id valid number
|
|
3195
|
+
* @param {any} value - value to check
|
|
3196
|
+
* @returns {number}
|
|
3197
|
+
* @memberof Forward
|
|
3198
|
+
*/
|
|
3199
|
+
_getValidSecondsToSeek(value: any): number;
|
|
3189
3200
|
/**
|
|
3190
3201
|
* should render component
|
|
3191
3202
|
* @returns {boolean} - whether to render the component
|
|
@@ -3198,6 +3209,12 @@ declare class Forward extends Component<any, any> {
|
|
|
3198
3209
|
* @memberof Forward
|
|
3199
3210
|
*/
|
|
3200
3211
|
onClick: () => void;
|
|
3212
|
+
/**
|
|
3213
|
+
* get icon type based on seek seconds
|
|
3214
|
+
* @returns {string} - icon type
|
|
3215
|
+
*/
|
|
3216
|
+
_getIconType(): string;
|
|
3217
|
+
ד: any;
|
|
3201
3218
|
/**
|
|
3202
3219
|
* render component
|
|
3203
3220
|
*
|
|
@@ -3205,7 +3222,7 @@ declare class Forward extends Component<any, any> {
|
|
|
3205
3222
|
* @returns {React$Element} - component element
|
|
3206
3223
|
* @memberof Forward
|
|
3207
3224
|
*/
|
|
3208
|
-
render({
|
|
3225
|
+
render({ forwardText, innerRef }: any): VNode<any> | undefined;
|
|
3209
3226
|
}
|
|
3210
3227
|
|
|
3211
3228
|
/**
|
|
@@ -3466,8 +3483,10 @@ declare const IconType: {
|
|
|
3466
3483
|
StartOver: string;
|
|
3467
3484
|
SeekEnd: string;
|
|
3468
3485
|
Rewind: string;
|
|
3486
|
+
Rewind5: string;
|
|
3469
3487
|
Rewind10: string;
|
|
3470
3488
|
Forward: string;
|
|
3489
|
+
Forward5: string;
|
|
3471
3490
|
Forward10: string;
|
|
3472
3491
|
vrStereo: string;
|
|
3473
3492
|
vrStereoFull: string;
|
|
@@ -3483,6 +3502,7 @@ declare const IconType: {
|
|
|
3483
3502
|
AdvancedAudioDescriptionActive: string;
|
|
3484
3503
|
AdvancedAudioDescriptionDisabled: string;
|
|
3485
3504
|
AdvancedAudioDescriptionDisabledDropdown: string;
|
|
3505
|
+
QualityButton: string;
|
|
3486
3506
|
};
|
|
3487
3507
|
|
|
3488
3508
|
/**
|
|
@@ -3518,6 +3538,8 @@ declare const initialState: {
|
|
|
3518
3538
|
showTitleOnUpperBar: boolean;
|
|
3519
3539
|
showAudioButton: boolean;
|
|
3520
3540
|
showAudioDescriptionButton: boolean;
|
|
3541
|
+
showSpeedButton: boolean;
|
|
3542
|
+
showQualityButton: boolean;
|
|
3521
3543
|
openMenuFromCCButton: boolean;
|
|
3522
3544
|
openMenuFromAudioDescriptionButton: boolean;
|
|
3523
3545
|
settings: {
|
|
@@ -3528,6 +3550,7 @@ declare const initialState: {
|
|
|
3528
3550
|
showAdvancedCaptionsMenu: boolean;
|
|
3529
3551
|
showAudioDescriptionMenu: boolean;
|
|
3530
3552
|
};
|
|
3553
|
+
seekSeconds: number;
|
|
3531
3554
|
hoverTimeout: number;
|
|
3532
3555
|
tinySizeDisabled: boolean;
|
|
3533
3556
|
showMediaInfo: {
|
|
@@ -6049,6 +6072,8 @@ declare class ProgressIndicator extends Component<any, any> {
|
|
|
6049
6072
|
render(props: any): VNode<any>;
|
|
6050
6073
|
}
|
|
6051
6074
|
|
|
6075
|
+
declare const QualityControl: any;
|
|
6076
|
+
|
|
6052
6077
|
/**
|
|
6053
6078
|
* QualityMenu component
|
|
6054
6079
|
*
|
|
@@ -6308,6 +6333,15 @@ declare class ResizeWatcher extends FakeEventTarget {
|
|
|
6308
6333
|
* @extends {Component}
|
|
6309
6334
|
*/
|
|
6310
6335
|
declare class Rewind extends Component<any, any> {
|
|
6336
|
+
private _secondsToSeek;
|
|
6337
|
+
constructor(props: any);
|
|
6338
|
+
/**
|
|
6339
|
+
* checking if value id valid number
|
|
6340
|
+
* @param {any} value - value to check
|
|
6341
|
+
* @returns {number}
|
|
6342
|
+
* @memberof Rewind
|
|
6343
|
+
*/
|
|
6344
|
+
_getValidSecondsToSeek(value: any): number;
|
|
6311
6345
|
/**
|
|
6312
6346
|
* rewind click handler
|
|
6313
6347
|
*
|
|
@@ -6320,6 +6354,11 @@ declare class Rewind extends Component<any, any> {
|
|
|
6320
6354
|
* @returns {boolean} - whether to render the component
|
|
6321
6355
|
*/
|
|
6322
6356
|
_shouldRender(): boolean;
|
|
6357
|
+
/**
|
|
6358
|
+
* get icon type based on seek seconds
|
|
6359
|
+
* @returns {string} - icon type
|
|
6360
|
+
*/
|
|
6361
|
+
_getIconType(): string;
|
|
6323
6362
|
/**
|
|
6324
6363
|
* render component
|
|
6325
6364
|
*
|
|
@@ -6327,7 +6366,7 @@ declare class Rewind extends Component<any, any> {
|
|
|
6327
6366
|
* @returns {React$Element} - component element
|
|
6328
6367
|
* @memberof Rewind
|
|
6329
6368
|
*/
|
|
6330
|
-
render({
|
|
6369
|
+
render({ rewindText, innerRef }: any): VNode<any> | undefined;
|
|
6331
6370
|
}
|
|
6332
6371
|
|
|
6333
6372
|
export declare interface RootState {
|
|
@@ -7250,6 +7289,8 @@ declare interface SourcesConfig extends Omit<ProviderMediaConfigSourcesObject, '
|
|
|
7250
7289
|
poster?: string;
|
|
7251
7290
|
}
|
|
7252
7291
|
|
|
7292
|
+
declare const SpeedControl: any;
|
|
7293
|
+
|
|
7253
7294
|
/**
|
|
7254
7295
|
* SpeedMenu component
|
|
7255
7296
|
*
|
|
@@ -7957,12 +7998,14 @@ export declare interface UIOptionsObject {
|
|
|
7957
7998
|
allowPlayPause?: boolean;
|
|
7958
7999
|
allowLivePlayPause?: boolean;
|
|
7959
8000
|
showCCButton?: boolean;
|
|
8001
|
+
showSpeedButton?: boolean;
|
|
7960
8002
|
showTitleOnUpperBar?: boolean;
|
|
7961
8003
|
showAudioDescriptionButton?: boolean;
|
|
7962
8004
|
showMediaInfo?: MediaInfoConfig;
|
|
7963
8005
|
openMenuFromCCButton?: boolean;
|
|
7964
8006
|
openMenuFromAudioDescriptionButton?: boolean;
|
|
7965
8007
|
showAudioButton?: boolean;
|
|
8008
|
+
showQualityButton?: boolean;
|
|
7966
8009
|
settings?: {
|
|
7967
8010
|
showAudioMenu?: boolean;
|
|
7968
8011
|
showCaptionsMenu?: boolean;
|
|
@@ -7971,6 +8014,7 @@ export declare interface UIOptionsObject {
|
|
|
7971
8014
|
showAdvancedCaptionsMenu?: boolean;
|
|
7972
8015
|
showAudioDescriptionMenu?: boolean;
|
|
7973
8016
|
};
|
|
8017
|
+
seekSeconds?: number;
|
|
7974
8018
|
hoverTimeout?: number;
|
|
7975
8019
|
logger?: LoggerType;
|
|
7976
8020
|
components?: ComponentsConfig;
|