Implemented Media Session API for video components

extensions/amp-3q-player/0.1/amp-3q-player.js

@@ -248,6 +248,16 @@ class Amp3QPlayer extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.iframe_));
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.

extensions/amp-brid-player/0.1/amp-brid-player.js

@@ -319,6 +319,16 @@ class AmpBridPlayer extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.iframe_));
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.

extensions/amp-dailymotion/0.1/amp-dailymotion.js

@@ -392,6 +392,16 @@ class AmpDailymotion extends AMP.BaseElement {
     }
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.

extensions/amp-ima-video/0.1/amp-ima-video.js

@@ -310,6 +310,16 @@ class AmpImaVideo extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.iframe_));
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.

extensions/amp-nexxtv-player/0.1/amp-nexxtv-player.js

@@ -274,6 +274,16 @@ class AmpNexxtvPlayer extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.iframe_));
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.

extensions/amp-ooyala-player/0.1/amp-ooyala-player.js

@@ -259,6 +259,16 @@ class AmpOoyalaPlayer extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.iframe_));
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.

extensions/amp-video/0.1/amp-video.js

@@ -59,23 +59,23 @@ const ATTRS_TO_PROPAGATE =
  */
 class AmpVideo extends AMP.BaseElement {
 
-    /**
-     * @param {!AmpElement} element
-     */
+  /**
+   * @param {!AmpElement} element
+   */
   constructor(element) {
     super(element);
 
-      /** @private {?Element} */
+    /** @private {?Element} */
     this.video_ = null;
 
-      /** @private {?boolean}  */
+    /** @private {?boolean}  */
     this.muted_ = false;
   }
 
-    /**
-     * @param {boolean=} opt_onLayout
-     * @override
-     */
+  /**
+   * @param {boolean=} opt_onLayout
+   * @override
+   */
   preconnectCallback(opt_onLayout) {
     const videoSrc = this.getVideoSource_();
     if (videoSrc) {
@@ -84,10 +84,10 @@ class AmpVideo extends AMP.BaseElement {
     }
   }
 
-    /**
-     * @private
-     * @return {string}
-     */
+  /**
+   * @private
+   * @return {string}
+   */
   getVideoSource_() {
     let videoSrc = this.element.getAttribute('src');
     if (!videoSrc) {
@@ -99,12 +99,12 @@ class AmpVideo extends AMP.BaseElement {
     return videoSrc;
   }
 
-    /** @override */
+  /** @override */
   isLayoutSupported(layout) {
     return isLayoutSizeDefined(layout);
   }
 
-    /** @override */
+  /** @override */
   buildCallback() {
     this.video_ = this.element.ownerDocument.createElement('video');
 
@@ -114,10 +114,10 @@ class AmpVideo extends AMP.BaseElement {
           'No "poster" attribute has been provided for amp-video.');
     }
 
-      // Enable inline play for iOS.
+    // Enable inline play for iOS.
     this.video_.setAttribute('playsinline', '');
     this.video_.setAttribute('webkit-playsinline', '');
-      // Disable video preload in prerender mode.
+    // Disable video preload in prerender mode.
     this.video_.setAttribute('preload', 'none');
     this.propagateAttributes(ATTRS_TO_PROPAGATE_ON_BUILD, this.video_,
         /* opt_removeMissingAttrs */ true);
@@ -129,7 +129,7 @@ class AmpVideo extends AMP.BaseElement {
     Services.videoManagerForDoc(this.element).register(this);
   }
 
-    /** @override */
+  /** @override */
   mutatedAttributesCallback(mutations) {
     if (!this.video_) {
       return;
@@ -148,12 +148,12 @@ class AmpVideo extends AMP.BaseElement {
     }
   }
 
-    /** @override */
+  /** @override */
   viewportCallback(visible) {
     this.element.dispatchCustomEvent(VideoEvents.VISIBILITY, {visible});
   }
 
-    /** @override */
+  /** @override */
   layoutCallback() {
     this.video_ = dev().assertElement(this.video_);
 
@@ -170,7 +170,7 @@ class AmpVideo extends AMP.BaseElement {
         /* opt_removeMissingAttrs */ true);
 
     this.getRealChildNodes().forEach(child => {
-        // Skip the video we already added to the element.
+      // Skip the video we already added to the element.
       if (this.video_ === child) {
         return;
       }
@@ -181,7 +181,7 @@ class AmpVideo extends AMP.BaseElement {
       this.video_.appendChild(child);
     });
 
-      // loadPromise for media elements listens to `loadstart`
+    // loadPromise for media elements listens to `loadstart`
     return this.loadPromise(this.video_).then(() => {
       this.element.dispatchCustomEvent(VideoEvents.LOAD);
     });
@@ -241,11 +241,11 @@ class AmpVideo extends AMP.BaseElement {
 
     if (ret && ret.catch) {
       ret.catch(() => {
-          // Empty catch to prevent useless unhandled promise rejection logging.
-          // Play can fail for many reasons such as video getting paused before
-          // play() is finished.
-          // We use events to know the state of the video and do not care about
-          // the success or failure of the play()'s returned promise.
+        // Empty catch to prevent useless unhandled promise rejection logging.
+        // Play can fail for many reasons such as video getting paused before
+        // play() is finished.
+        // We use events to know the state of the video and do not care about
+        // the success or failure of the play()'s returned promise.
       });
     }
   }
@@ -304,6 +304,26 @@ class AmpVideo extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.video_));
   }
 
+  /** @override */
+  getMetadata() {
+    const poster = this.element.getAttribute('poster');
+    if (poster) {
+      return {
+        'title': '',
+        'artist': '',
+        'album': '',
+        'artwork': [
+          {'src': poster},
+        ],
+      };
+    }
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    return false;
+  }
+
   /** @override */
   getCurrentTime() {
     return this.video_.currentTime;

extensions/amp-youtube/0.1/amp-youtube.js

@@ -466,6 +466,18 @@ class AmpYoutube extends AMP.BaseElement {
     return isFullscreenElement(dev().assertElement(this.iframe_));
   }
 
+  /** @override */
+  getMetadata() {
+    // Not implemented
+  }
+
+  /** @override */
+  preimplementsMediaSessionAPI() {
+    // Youtube already updates the Media Session so no need for the video
+    // manager to update it too
+    return true;
+  }
+
   /** @override */
   getCurrentTime() {
     // Not supported.