Merge pull request #554 from cloudinary/edge-1.10.6

Update master
cloudinary · Feb 13, 2024 · 6b7ae3f · 6b7ae3f
2 parents feb8f06 + 3e4a429
commit 6b7ae3f
Show file tree

Hide file tree

Showing 108 changed files with 3,338 additions and 3,431 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -0,0 +1 @@
+* @cloudinary/video
diff --git a/.github/workflows/release-edge.yml b/.github/workflows/release-edge.yml
@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - 'edge'
+  workflow_dispatch:
 
 jobs:
   release:
@@ -30,6 +31,7 @@ jobs:
         uses: google-github-actions/release-please-action@v3
         id: release
         with:
+          token: ${{ secrets.BOT_TOKEN }}
           release-type: node
           release-as: ${{ steps.calculate-edge-version.outputs.next-edge }}
           default-branch: ${{ github.ref_name }}

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -14,6 +14,7 @@ jobs:
         uses: google-github-actions/release-please-action@v3
         id: release
         with:
+          token: ${{ secrets.BOT_TOKEN }}
           release-type: node
           default-branch: ${{ github.ref_name }}
 

diff --git a/.github/workflows/validate.yml b/.github/workflows/validate.yml
@@ -20,6 +20,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Build
+        run: npm run build-all
+
       - name: Unit tests
         run: npm run test:unit
 

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -596,4 +596,4 @@ Other changes
 * Set seekThumbnails to false by default
 * Generate https sources by default
 * Move expose-loader to dev dependencies
-* Update dependencies
+* Update dependencies
diff --git a/babel.config.js b/babel.config.js
@@ -1,5 +1,14 @@
 module.exports = {
-  presets: ['@babel/preset-env'],
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          browsers: ['>0.25%', 'not ie 11', 'not op_mini all']
+        }
+      }
+    ]
+  ],
   env: {
     test: {
       plugins: ['@babel/plugin-transform-runtime']

diff --git a/docs/360.html b/docs/360.html
@@ -10,8 +10,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/_template.html b/docs/_template.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/adaptive-streaming.html b/docs/adaptive-streaming.html
@@ -19,8 +19,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/2.9.3/dash.all.min.js"></script>
     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-dash/2.11.0/videojs-dash.js"></script>

diff --git a/docs/analytics.html b/docs/analytics.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/api.html b/docs/api.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/audio.html b/docs/audio.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/autoplay-fallback.html b/docs/autoplay-fallback.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/autoplay-on-scroll.html b/docs/autoplay-on-scroll.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/chapters.html b/docs/chapters.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 
@@ -33,14 +33,12 @@
         chapters: {
           url: 'https://res.cloudinary.com/tsachi/raw/upload/tests/snow_horses_chapters_k1e1ff.vtt'
         },
+        chaptersButton: true
       });
 
       const playerSourceConf = cloudinary.videoPlayer('player-config', {
         cloud_name: 'demo',
-        controlBar: {
-          pictureInPictureToggle: false,
-          chaptersButton: true
-        },
+        chaptersButton: true
       });
 
       playerSourceConf.source('snow_horses', {
@@ -150,14 +148,12 @@ <h3 class="mt-4">Example Code:</h3>
           chapters: {
             url: 'https://res.cloudinary.com/tsachi/raw/upload/tests/snow_horses_chapters_k1e1ff.vtt'
           },
+          chaptersButton: true
         });
 
         const playerSourceConf = cloudinary.videoPlayer('player-config', {
           cloud_name: 'demo',
-          controlBar: {
-            pictureInPictureToggle: false,
-            chaptersButton: true
-          },
+          chaptersButton: true
         });
 
         playerSourceConf.source('snow_horses', {

diff --git a/docs/cloudinary-analytics-multiple-videos.html b/docs/cloudinary-analytics-multiple-videos.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/cloudinary-analytics.html b/docs/cloudinary-analytics.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/codec-fallback.html b/docs/codec-fallback.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script src="https://cdn.jsdelivr.net/npm/ua-parser-js@0.7.20/src/ua-parser.min.js"></script>

diff --git a/docs/colors.html b/docs/colors.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/components.html b/docs/components.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/custom-cld-errors.html b/docs/custom-cld-errors.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/es-imports.html b/docs/es-imports.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/floating-player.html b/docs/floating-player.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/fluid.html b/docs/fluid.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/force-hls-subtitles-ios.html b/docs/force-hls-subtitles-ios.html
@@ -19,8 +19,8 @@
       We're loading scripts & style dynamically for development/testing.
       Real-world usage would look like this:
 
-      <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-      <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+      <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
     -->
 

diff --git a/docs/highlights-graph.html b/docs/highlights-graph.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->
 

diff --git a/docs/index.html b/docs/index.html
@@ -12,8 +12,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="scripts.js"></script>
@@ -49,7 +49,7 @@ <h3 class="mt-4">Some code examples:</h3>
       <li><a href="./api.html">API and Events</a></li>
       <li><a href="./es-imports.html">ES Module Imports</a></li>
       <li><a href="./playlist.html">Playlist</a></li>
-      <li><a href="./playlist-by-tag.html">Playlist by Tag</a></li>
+      <li><a href="./playlist-by-tag-captions.html">Playlist by Tag</a></li>
       <li><a href="./autoplay-on-scroll.html">Autoplay on Scroll</a></li>
       <li><a href="./multiple-players.html">Multiple Players</a></li>
       <li><a href="./adaptive-streaming.html">Adaptive Streaming</a></li>
@@ -78,6 +78,7 @@ <h3 class="mt-4">Some code examples:</h3>
       <li><a href="./seek-thumbs.html">Seek Thumbnails</a></li>
       <li><a href="./interaction-area.html">Interaction Area</a></li>
       <li><a href="./chapters.html">Chapters</a></li>
+      <li><a href="./profiles.html">Profiles</a></li>
     </ul>
 
   </div>

diff --git a/docs/live-customer.html b/docs/live-customer.html
@@ -18,8 +18,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
   -->
 
   <script type="text/javascript" src="./scripts.js"></script>

diff --git a/docs/multiple-players.html b/docs/multiple-players.html
@@ -17,8 +17,8 @@
     We're loading scripts & style dynamically for development/testing.
     Real-world usage would look like this:
 
-    <link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
-    <script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/cloudinary-video-player/dist/cld-video-player.min.js"></script>
 
   -->