@outbook/webcomponents-player 1.4.6 → 1.4.7

package/_lib/playlist/modules/item-duration.js

@@ -2,7 +2,7 @@ import { html } from 'lit';
 import {
   readable as formatTime,
   iso as formatTimeDuration
-} from 'mystic-format-time';
+} from '@outbook/format-time';
 
 export function ItemDuration({ duration }) {
   return html`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@outbook/webcomponents-player",
-  "version": "1.4.6",
+  "version": "1.4.7",
   "main": "player.js",
   "type": "module",
   "private": false,
@@ -31,19 +31,18 @@
     "@outbook/a11y": ">=1.2.1",
     "color.js": "1.2.0",
     "custom-event-conjurer": "1.0.0",
-    "mystic-format-time": "1.0.2",
+    "@outbook/format-time": "1.0.4",
     "@outbook/webcomponents-scrollable": ">=1.0.2",
     "@outbook/webcomponents-type-icon": ">=1.1.4",
     "@outbook/webcomponents-badge-file-extension": ">=1.2.2",
-    "@outbook/webcomponents-player-artwork": ">=1.1.2",
+    "@outbook/webcomponents-player-artwork": ">=1.1.3",
     "@outbook/webcomponents-player-timeline": ">=1.0.2",
-    "@outbook/icons": ">=1.3.1"
+    "@outbook/icons": ">=1.3.1",
+    "@outbook/webcomponents-player-audio-decoy": ">=1.0.0"
   },
   "devDependencies": {
     "@outbook/colorful": ">=1.1.4",
-    "@outbook/design-decisions": ">=1.1.7",
-    "@outbook/webcomponents-player-artwork": ">=1.0.0",
-    "@outbook/webcomponents-player-timeline": ">=1.0.4"
+    "@outbook/design-decisions": ">=1.1.9"
   },
   "peerDependencies": {
     "lit": "^3.0.0",

package/player.js

@@ -16,6 +16,7 @@ import { loadLiterals } from './_i18n/i18n.js';
 import _literals from './_i18n/en.json';
 import { useLangObserver } from '@outbook/hooks';
 import { toBoolean } from './_lib/to-boolean.js';
+import { PlayerAudioDecoy } from '@outbook/webcomponents-player-audio-decoy';
 
 function ComponentPlayer(element) {
   const {
@@ -105,8 +106,16 @@ function ComponentPlayer(element) {
           previous: handleSessionPrevious
         }
       });
+      navigator.mediaSession.setActionHandler('nexttrack', () => {
+        handleSessionNext();
+      });
+      navigator.mediaSession.setActionHandler('previoustrack', () => {
+        handleSessionPrevious();
+      });
     } else if (navigator.mediaSession) {
       navigator.mediaSession.metadata = null;
+      navigator.mediaSession.setActionHandler('nexttrack', null);
+      navigator.mediaSession.setActionHandler('previoustrack', null);
     }
   }, [indexSelected]);
 
@@ -163,6 +172,7 @@ function ComponentPlayer(element) {
     setTotalTime(0);
     setCurrentTime(0); // Set zero on stop
     setHasProminentColors(false);
+    setIsPlaying(false);
 
     if (navigator.mediaSession) {
       navigator.mediaSession.metadata = null;
@@ -301,6 +311,7 @@ function ComponentPlayer(element) {
             </div>
           </div>
         </div>
+        ${isPlaying ? html`${PlayerAudioDecoy({ mode: 'auto' })}` : nothing}
         ${Number.isInteger(indexSelected)
           ? html`
               <audio