cloudinary-video-player 4.1.4-edge.0 → 4.1.4-edge.2

package/lib/video-player.js

@@ -561,7 +561,7 @@ class TitleBar extends Component {
     const metadataUrl = appendQueryParams(`${urlPrefix}/_applet_/video_service/video_metadata/${deliveryType}/${utf8ToBase64(publicId)}.json`, source.queryParams());
     fetch(metadataUrl, {
       headers: {
-        'X-Cld-Video-Player-Version': "4.1.4-edge.0"
+        'X-Cld-Video-Player-Version': "4.1.4-edge.2"
       }
     }).then(response => {
       if (!response.ok) throw new Error(`HTTP ${response.status}`);
@@ -2906,7 +2906,9 @@ class CloudinaryContext {
       // Inherit source transformation
       const srcTx = options.transformation;
       if (srcTx && !isEmpty(srcTx)) {
-        const imageSafeTx = omitVideoOnlyTransformations(srcTx);
+        const imageSafeTx = omitVideoOnlyTransformations(srcTx, {
+          keepAutoFormat: true
+        });
         const merged = mergeTransformations(posterOptions.transformation || {}, imageSafeTx);
         // Remove height when aspect_ratio is set
         if (merged.aspect_ratio) {
@@ -3211,7 +3213,7 @@ class CloudinaryAnalytics {
       }, {
         ...(isPlainObject(this.analyticsOptions) ? this.analyticsOptions : {}),
         videoPlayerType: 'cloudinary video player',
-        videoPlayerVersion: "4.1.4-edge.0"
+        videoPlayerVersion: "4.1.4-edge.2"
       });
     } else if (this.currentVideoMetadata.cloudName !== metadata.cloudName || this.currentVideoMetadata.publicId !== metadata.publicId) {
       this.cloudinaryAnalytics.stopManualTracking();
@@ -4550,7 +4552,7 @@ const getTranscriptionFileUrl = function (urlPrefix, deliveryType, publicId) {
 function textTracksManager() {
   const player = this;
   const textTracksData = new WeakMap();
-  let activeTrack = null;
+  let showingTracks = new Set();
   const removeAllTextTracks = () => {
     const currentTracks = player.remoteTextTracks();
     if (currentTracks) {
@@ -4694,37 +4696,27 @@ function textTracksManager() {
         addTextTrack('transcript', textTrackConfig);
       }
     });
-    const defaultTextTrack = Array.from(player.remoteTextTracks()).find(textTrack => textTrack.default);
-    if (defaultTextTrack) {
-      onChangeActiveTrack(defaultTextTrack);
-    }
+    syncShowingTracks();
   };
-  const onChangeActiveTrack = textTrack => {
-    const prevActiveTrack = activeTrack;
-    activeTrack = textTrack;
-    const prevTextTrackData = textTracksData.get(prevActiveTrack);
-    if (prevTextTrackData) {
-      prevTextTrackData.abortLoading();
-    }
-    const selectedTextTrackData = textTracksData.get(activeTrack);
-    if (selectedTextTrackData) {
-      selectedTextTrackData.load();
-    }
-  };
-  player.on('texttrackchange', () => {
-    const textTracks = player.textTracks();
-    let newActiveTrack = null;
-    for (let i = 0; i < textTracks.length; i++) {
-      const track = textTracks[i];
-      if (track.mode === 'showing') {
-        newActiveTrack = track;
-        break;
+
+  // Several tracks can show at once (e.g. descriptions + captions), so each one needs its cues loaded
+  const syncShowingTracks = () => {
+    const textTracks = Array.from(player.textTracks());
+    // texttrackchange can fire inside addRemoteTextTrack, before the track's data exists - skip it until then
+    const nowShowing = new Set(textTracks.filter(track => track.mode === 'showing' && textTracksData.has(track)));
+    showingTracks.forEach(track => {
+      if (!nowShowing.has(track)) {
+        textTracksData.get(track)?.abortLoading();
       }
-    }
-    if (activeTrack !== newActiveTrack) {
-      onChangeActiveTrack(newActiveTrack);
-    }
-  });
+    });
+    nowShowing.forEach(track => {
+      if (!showingTracks.has(track)) {
+        textTracksData.get(track)?.load();
+      }
+    });
+    showingTracks = nowShowing;
+  };
+  player.on('texttrackchange', syncShowingTracks);
   return {
     removeAllTextTracks,
     addTextTracks: function () {
@@ -5195,7 +5187,7 @@ class VideoPlayer {
       const analyticsData = getAnalyticsFromPlayerOptions(options);
       const analyticsParams = new URLSearchParams(analyticsData).toString();
       const baseParams = new URLSearchParams({
-        vpVersion: "4.1.4-edge.0",
+        vpVersion: "4.1.4-edge.2",
         vpInstanceId: this.getVPInstanceId(),
         cloudName: options.cloudinary.cloud_name,
         ...internalAnalyticsMetadata

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudinary-video-player",
-  "version": "4.1.4-edge.0",
+  "version": "4.1.4-edge.2",
   "description": "Cloudinary Video Player",
   "author": "Cloudinary",
   "license": "MIT",