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 }