]>
Commit | Line | Data |
---|---|---|
1 | import { VideoJSComponentInterface, videojsUntyped } from './peertube-videojs-typings' | |
2 | ||
3 | const MenuItem: VideoJSComponentInterface = videojsUntyped.getComponent('MenuItem') | |
4 | class ResolutionMenuItem extends MenuItem { | |
5 | ||
6 | constructor (player: any, options: any) { | |
7 | const currentResolutionId = player.peertube().getCurrentResolutionId() | |
8 | options.selectable = true | |
9 | options.selected = options.id === currentResolutionId | |
10 | ||
11 | super(player, options) | |
12 | ||
13 | this.label = options.label | |
14 | this.id = options.id | |
15 | ||
16 | player.peertube().on('videoFileUpdate', () => this.updateSelection()) | |
17 | player.peertube().on('autoResolutionUpdate', () => this.updateSelection()) | |
18 | } | |
19 | ||
20 | handleClick (event: any) { | |
21 | if (this.id === -1 && this.player_.peertube().isAutoResolutionForbidden()) return | |
22 | ||
23 | super.handleClick(event) | |
24 | ||
25 | // Auto resolution | |
26 | if (this.id === -1) { | |
27 | this.player_.peertube().enableAutoResolution() | |
28 | return | |
29 | } | |
30 | ||
31 | this.player_.peertube().disableAutoResolution() | |
32 | this.player_.peertube().updateResolution(this.id) | |
33 | } | |
34 | ||
35 | updateSelection () { | |
36 | // Check if auto resolution is forbidden or not | |
37 | if (this.id === -1) { | |
38 | if (this.player_.peertube().isAutoResolutionForbidden()) { | |
39 | this.addClass('disabled') | |
40 | } else { | |
41 | this.removeClass('disabled') | |
42 | } | |
43 | } | |
44 | ||
45 | if (this.player_.peertube().isAutoResolutionOn()) { | |
46 | this.selected(this.id === -1) | |
47 | return | |
48 | } | |
49 | ||
50 | this.selected(this.player_.peertube().getCurrentResolutionId() === this.id) | |
51 | } | |
52 | ||
53 | getLabel () { | |
54 | if (this.id === -1) { | |
55 | return this.label + ' <small>' + this.player_.peertube().getCurrentResolutionLabel() + '</small>' | |
56 | } | |
57 | ||
58 | return this.label | |
59 | } | |
60 | } | |
61 | MenuItem.registerComponent('ResolutionMenuItem', ResolutionMenuItem) | |
62 | ||
63 | export { ResolutionMenuItem } |