[Modern Media Controls] Media Controller: update controls based on fullscreen playbac...
[WebKit-https.git] / Source / WebCore / Modules / modern-media-controls / media / media-controller.js
1 /*
2  * Copyright (C) 2016 Apple Inc. All Rights Reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
14  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
15  * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
17  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
18  * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
19  * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
20  * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
21  * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
22  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
23  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 class MediaController
27 {
28
29     constructor(shadowRoot, media, host)
30     {
31         this.shadowRoot = shadowRoot;
32         this.media = media;
33         this.host = host;
34
35         this._updateControlsIfNeeded();
36
37         media.addEventListener("resize", this);
38
39         media.addEventListener("webkitfullscreenchange", this);
40     }
41
42     get layoutTraits()
43     {
44         let traits = window.navigator.platform === "MacIntel" ? LayoutTraits.macOS : LayoutTraits.iOS;
45         if (this.media.webkitDisplayingFullscreen)
46             traits = traits | LayoutTraits.Fullscreen;
47         return traits;
48     }
49
50     // Protected
51
52     set pageScaleFactor(pageScaleFactor)
53     {
54         // FIXME: To be implemented.
55     }
56
57     set usesLTRUserInterfaceLayoutDirection(flag)
58     {
59         // FIXME: To be implemented.
60     }
61
62     handleEvent(event)
63     {
64         if (event.type === "resize" && event.currentTarget === this.media)
65             this._updateControlsSize();
66         else if (event.type === "webkitfullscreenchange" && event.currentTarget === this.media)
67             this._updateControlsIfNeeded();
68     }
69
70     // Private
71
72     _updateControlsIfNeeded()
73     {
74         const previousControls = this.controls;
75         const ControlsClass = this._controlsClass();
76         if (previousControls && previousControls.constructor === ControlsClass)
77             return;
78
79         // Before we reset the .controls property, we need to destroy the previous
80         // supporting objects so we don't leak.
81         if (this._supportingObjects) {
82             for (let supportingObject of this._supportingObjects)
83                 supportingObject.destroy();
84         }
85
86         this.controls = new ControlsClass;
87
88         if (previousControls)
89             this.shadowRoot.replaceChild(this.controls.element, previousControls.element);
90         else
91             this.shadowRoot.appendChild(this.controls.element);        
92
93         this._updateControlsSize();
94
95         this._supportingObjects = [AirplaySupport, ElapsedTimeSupport, FullscreenSupport, MuteSupport, PiPSupport, PlacardSupport, PlaybackSupport, RemainingTimeSupport, ScrubbingSupport, SkipBackSupport, StartSupport, StatusSupport, VolumeSupport].map(SupportClass => {
96             return new SupportClass(this);
97         }, this);
98     }
99
100     _updateControlsSize()
101     {
102         this.controls.width = this.media.offsetWidth;
103         this.controls.height = this.media.offsetHeight;
104     }
105
106     _controlsClass()
107     {
108         const layoutTraits = this.layoutTraits;
109         if (layoutTraits & LayoutTraits.Fullscreen)
110             return MacOSFullscreenMediaControls;
111         return MacOSInlineMediaControls;
112     }
113
114 }