@srgssr/pillarbox-web 1.36.0 → 1.36.1

package/dist/pillarbox.es.js

@@ -90,7 +90,7 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-const version = "1.35.1";
+const version = "1.36.0";
 
 /** @import VJSPlayer from 'video.js/dist/types/player' */
 /** @import AudioTrack from 'video.js/dist/types/tracks/audio-track' */
@@ -4204,25 +4204,23 @@ class SrgSsr {
    */
   static createTextTrack(_x5, _x6) {
     return _asyncToGenerator(function* (player, trackId, cues = []) {
-      const removeTrack = player.textTracks().getTrackById(trackId);
+      const removeTrack = player.remoteTextTracks().getTrackById(trackId);
       if (removeTrack) {
-        player.textTracks().removeTrack(removeTrack);
+        player.removeRemoteTextTrack(removeTrack);
       }
+      const textTrack = player.addRemoteTextTrack({
+        id: trackId,
+        kind: 'metadata',
+        label: trackId
+      });
+
+      // Safari
+      textTrack.track.mode = 'hidden';
 
       // See https://github.com/videojs/video.js/issues/8519
-      const textTrack = yield new Promise(resolve => {
-        setTimeout(() => {
-          resolve(new pillarbox.TextTrack({
-            id: trackId,
-            kind: 'metadata',
-            label: trackId,
-            tech: player.tech(true)
-          }));
-        }, 100);
-      });
-      SrgSsr.addTextTrackCues(textTrack, cues);
-      player.textTracks().addTrack(textTrack);
-      return textTrack;
+      yield new Promise(resolve => setTimeout(resolve, 100));
+      SrgSsr.addTextTrackCues(textTrack.track, cues);
+      return textTrack.track;
     }).apply(this, arguments);
   }
 
@@ -4232,12 +4230,12 @@ class SrgSsr {
    * @param {Player} player
    */
   static cuechangeEventProxy(player) {
-    player.textTracks().on('addtrack', ({
+    player.textTracks().on('addtrack', /** @param {{ track: TextTrack }} */({
       track
     }) => {
       if (!['srgssr-chapters', 'srgssr-intervals'].includes(track.id)) return;
-      track.on('cuechange', () => {
-        const [cue] = Array.from(track.activeCues);
+      track.addEventListener('cuechange', () => {
+        const [cue] = Array.from(track.activeCues || []);
         const type = track.id.includes('srgssr-chapters') ? 'srgssr/chapter' : 'srgssr/interval';
         player.trigger({
           type,
@@ -4339,7 +4337,7 @@ class SrgSsr {
     if (!blockedSegmentsTrack) return;
 
     /** @type {VTTCue} */
-    const [blockedCue] = Array.from(blockedSegmentsTrack.activeCues);
+    const [blockedCue] = Array.from(blockedSegmentsTrack.activeCues || []);
     return blockedCue;
   }