@srgssr/pillarbox-web 1.23.1 → 1.23.3

package/README.md

@@ -19,13 +19,14 @@ npm install --save @srgssr/pillarbox-web video.js@8.21.0
 > [!NOTE]
 > `video.js` is now a peer dependency and must be installed by the project that bundles Pillarbox.
 > Version 8.21.0 is the version we use to test the player and is the one we recommend.
-> 
-> This approach is more flexible and consistent with the fact that integrators are responsible for 
+>
+> This approach is more flexible and consistent with the fact that integrators are responsible for
 > providing their own UI components.
 
 In your HTML file, add the following code to initialize Pillarbox:
 
 ```html
+
 <video-js id="my-player" class="pillarbox-js" controls></video-js>
 ```
 
@@ -44,6 +45,9 @@ const player = pillarbox('my-player', {/* options... */ });
 player.src({ src: 'urn:swi:video:48115940', type: 'srgssr/urn' });
 ```
 
+For examples of integrating Pillarbox with popular frameworks, check out this collection of
+[samples][pillarbox-samples].
+
 ## CDN Integration
 
 Pillarbox is an open-source project published as a public NPM package. You can easily include it in
@@ -67,6 +71,8 @@ To integrate Pillarbox Web via CDN, you can include it in your HTML like this:
 </script>
 ```
 
+Try the sample live on StackBlitz: [Open in StackBlitz][stackblitz-umd]
+
 You can also use a different CDN or host the file yourself.
 
 > [!NOTE]
@@ -75,6 +81,11 @@ You can also use a different CDN or host the file yourself.
 > The UMD bundle also exposes `video.js` as a global variable, allowing you to use both and internal
 > extensions as needed.
 
+### ESM integration from a CDN
+
+If you’d like to load Pillarbox from a CDN while taking advantage of modern ES module packages,
+check out this tutorial: [ESM and import maps][esm-tutorial]
+
 ## Documentation
 
 For detailed information on how to use the Pillarbox Web Player, checkout
@@ -150,8 +161,7 @@ To contribute to the theme editor go to: https://github.com/SRGSSR/pillarbox-web
 
 See the [LICENSE](LICENSE) file for more information.
 
-[token-settings]: https://github.com/settings/tokens
-
-[token-guide]: https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry#authenticating-with-a-personal-access-token
-
 [js-deliver]: https://www.jsdelivr.com/package/npm/@srgssr/pillarbox-web
+[stackblitz-umd]: https://stackblitz.com/github/srgssr/pillarbox-web-demo/tree/main/samples/umd
+[esm-tutorial]: https://web.pillarbox.ch/api/tutorial-ESM%20and%20import%20maps.html
+[pillarbox-samples]: https://github.com/SRGSSR/pillarbox-web-demo/tree/main/samples

package/dist/pillarbox-core.cjs

@@ -3,7 +3,7 @@
 const videojs = require('video.js');
 require('videojs-contrib-eme');
 
-const version = "1.23.0";
+const version = "1.23.2";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox-core.es.js

@@ -1,7 +1,7 @@
 import videojs from 'video.js';
 import 'videojs-contrib-eme';
 
-const version = "1.23.0";
+const version = "1.23.2";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox.cjs

@@ -94,7 +94,7 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const version = "1.23.0";
+const version = "1.23.2";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox.es.js

@@ -90,7 +90,7 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const version = "1.23.0";
+const version = "1.23.2";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */

package/dist/pillarbox.umd.js

@@ -93,7 +93,7 @@
     return "symbol" == typeof i ? i : i + "";
   }
 
-  const version$8 = "1.23.0";
+  const version$8 = "1.23.2";
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -68964,7 +68964,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
     videojs.registerPlugin('reloadSourceOnError', reloadSourceOnError);
   }
 
-  /*! @name videojs-contrib-eme @version 5.5.1 @license Apache-2.0 */
+  /*! @name videojs-contrib-eme @version 5.5.2 @license Apache-2.0 */
 
   const stringToUint16Array = string => {
     // 2 bytes for each char
@@ -70172,7 +70172,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
     });
   };
 
-  var version = "5.5.1";
+  var version = "5.5.2";
 
   const hasSession = (sessions, initData) => {
     for (let i = 0; i < sessions.length; i++) {
@@ -70218,7 +70218,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
     // This can be initialized manually with initLegacyFairplay().
 
 
-    if (options.keySystems[LEGACY_FAIRPLAY_KEY_SYSTEM]) {
+    if (options.keySystems[LEGACY_FAIRPLAY_KEY_SYSTEM] && window$4.WebKitMediaKeys && player.eme.legacyFairplayIsUsed) {
       videojs.log.debug('eme', `Ignoring \'encrypted\' event, using legacy fairplay keySystem ${LEGACY_FAIRPLAY_KEY_SYSTEM}`);
       return Promise.resolve();
     }
@@ -70618,6 +70618,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
           }
         };
 
+        player.eme.legacyFairplayIsUsed = true;
         let videoElement = player.tech_.el_; // Support Safari EME with FairPlay
         // (also used in early Chrome or Chrome with EME disabled flag)
 
@@ -70631,6 +70632,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
             videoElement.removeEventListener('webkitneedkey', webkitNeedKeyEventHandler);
           }
 
+          player.eme.legacyFairplayIsUsed = false;
           videoElement = null;
         }; // auto-cleanup:
 
@@ -70641,6 +70643,7 @@ ${segmentInfoString(segmentInfo)}`); // If there's an init segment associated wi
       },
 
       detectSupportedCDMs,
+      legacyFairplayIsUsed: false,
       options
     };
   }; // Register the plugin with video.js.