-
Notifications
You must be signed in to change notification settings - Fork 241
/
buildUI.js
58 lines (55 loc) · 2.26 KB
/
buildUI.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
function buildUI() {
let mainSettingsPanelPage = new bitmovin.playerui.SettingsPanelPage({
components: [
new bitmovin.playerui.SettingsPanelItem(bitmovin.playerui.i18n.getLocalizer('settings.video.quality'), new bitmovin.playerui.VideoQualitySelectBox()),
new bitmovin.playerui.SettingsPanelItem(bitmovin.playerui.i18n.getLocalizer('speed'), new bitmovin.playerui.PlaybackSpeedSelectBox()),
],
});
let settingsPanel = new bitmovin.playerui.SettingsPanel({
components: [
mainSettingsPanelPage,
],
hidden: true,
});
let controlBar = new bitmovin.playerui.ControlBar({
components: [
settingsPanel,
new bitmovin.playerui.Container({
components: [
new bitmovin.playerui.PlaybackTimeLabel({ timeLabelMode: bitmovin.playerui.PlaybackTimeLabelMode.CurrentTime, hideInLivePlayback: true }),
new bitmovin.playerui.SeekBar({ label: new bitmovin.playerui.SeekBarLabel() }),
new bitmovin.playerui.PlaybackTimeLabel({ timeLabelMode: bitmovin.playerui.PlaybackTimeLabelMode.TotalTime, cssClasses: ['text-right'] }),
],
cssClasses: ['controlbar-top'],
}),
new bitmovin.playerui.Container({
components: [
new bitmovin.playerui.PlaybackToggleButton(),
new bitmovin.playerui.QuickSeekButton({ seekSeconds: -10 }),
new bitmovin.playerui.QuickSeekButton({ seekSeconds: 10 }),
new bitmovin.playerui.VolumeToggleButton(),
new bitmovin.playerui.VolumeSlider(),
new bitmovin.playerui.Spacer(),
new bitmovin.playerui.SettingsToggleButton({ settingsPanel: settingsPanel }),
new bitmovin.playerui.FullscreenToggleButton(),
],
cssClasses: ['controlbar-bottom'],
}),
],
});
return new bitmovin.playerui.UIContainer({
components: [
new bitmovin.playerui.BufferingOverlay(),
new bitmovin.playerui.PlaybackToggleOverlay(),
controlBar,
new bitmovin.playerui.TitleBar(),
new bitmovin.playerui.ErrorMessageOverlay(),
],
hideDelay: 2000,
hidePlayerStateExceptions: [
bitmovin.playerui.PlayerUtils.PlayerState.Prepared,
bitmovin.playerui.PlayerUtils.PlayerState.Paused,
bitmovin.playerui.PlayerUtils.PlayerState.Finished,
],
});
}