chore: update master (#751)

* chore: release-manual * chore: release-manual * fix: use videojs events & re-trigger to analytics package with custom… (#639) * fix: use videojs events & re-trigger to analytics package with custom events * fix: import / bump package * Update release-edge.yml * Update release-manual.yml * chore(edge): release 2.0.4-edge.0 (#656) * chore(edge): release 2.0.4-edge.0 * Update CHANGELOG.md --------- Co-authored-by: Tsachi Shlidor <[email protected]> * fix: remove polyfill (#665) * chore(edge): release 2.0.5-edge.0 (#666) * fix: separate edge/master changelogs (#663) * fix: separate edge/master changelogs Co-Authored-By: Tsachi Shlidor <[email protected]> Co-Authored-By: cloudinary-jenkins <[email protected]> * chore: update changelog-edge --------- Co-authored-by: cloudinary-jenkins <[email protected]> * fix: fetchLatestRelease * fix: fetchLatestRelease * fix: fetchLatestRelease * fix: fetchLatestRelease * chore(edge): release 2.0.5-edge.1 (#667) * chore(edge): release 2.0.5-edge.1 * Update CHANGELOG-edge.md --------- Co-authored-by: Tsachi Shlidor <[email protected]> * fix: security issue braces (#668) * ME-16623 - creating first VP automation test (#664) * vp test: initial first test * vp test: initial first test * update e2e tests * update e2e * update e2e * update e2e * added eslint to e2e * vp test: initial first test * vp test: initial first test * update validatePageErrors function * update workers number * vp test: initial first test * vp test: initial first test * vp test: change for to for each * vp test: change back to for and update number of workers * vp test: refactor based on review comments * vp test: change timout * vp test: change timout and add logs * vp test: comment out flaky test on CI * vp test: comment out flaky test on CI --------- Co-authored-by: refael-m <[email protected]> * fix: custom profile docs example (#673) * fix: chapters innerHTML to innerText (#671) * fix: remove braces override (#670) Co-authored-by: Tsachi Shlidor <[email protected]> * chore(edge): release 2.0.5-edge.2 (#669) * vp test: handle flaky tests (#674) * vp test: update number of workers * vp test: update number of workers to 4 * vp test: update workers back to 5 * test: decrease workers to 1 * vp test: update webserver URL * vp test: update webserver URL * vp test: increase number of workers to 6 * vp test: increase number of workers to 6 * vp test: increase number of workers to 5 * vp test: reduce number of workers to 4 * vp test: increase number of workers to 5 * vp test: temp commit * vp test: revert temp commit * vp test: comment out adaptive streaming as it is flaky --------- Co-authored-by: alexeykagansky <[email protected]> * vp test: adding workflow and action for CI (#675) * Edit workflow (#676) * fix workflow * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * Update update_master.yml * fix: profiles docs link (#683) * vp test: adding new test to handle ESM page + small refactoring (#684) * vp test: adding new test to handle ESM page + small refactoring * vp test: remove flaky adaptive streaming * vp test: remove skip from ESM profile page and skip adaptive streaming * feat: new 'player' method with support async loading & profiles (#678) * feat: new 'player' method with support async loading & profiles * feat: new 'player' method with support async loading & profiles * fix: review comments * fix: bump VP size * fix: allow for profile url value * fix: isRawUrl path * feat: custom data video analytics param (#687) * feat: custom data video analytics param * feat: custom data video analytics param * fix: update dependencies (#688) * chore: update dependencies * fix: sass deprecation warnings * fix: bundlewatch * fix: docs for profiles & analytics, analytics options (#689) * fix: docs for profiles & analytics, analytics options * fix: docs for profiles & analytics, analytics options * fix: docs for profiles & analytics, analytics options * fix: bump analytics package version * chore(edge): release 2.0.6-edge.0 (#685) * Publish playwright report to reports repo (#690) * update e2e github flow * update * update * update * update * update * update * update * update * update ssh * update * update * update * added e2e to separate workflow * update * update * update * update * removed if always() from push reports step * vp test: adding error message to ignore errors for ESM pages (#695) * feat: add url template for video player profiles (#696) * feat: add url template for video player profiles * feat: docs profile url * fix: default secure option for new method (#698) * fix: default secure option for new method * fix: docs raw url * chore(edge): release 2.1.1-edge.0 (#697) * feat: add internal analytics about new method & profiles (#699) * feat: add internal analytics about new method & profiles * chore(edge): release 2.1.1-edge.1 (#700) * fix: use cld player profiles package for default profiles (#701) * fix: use cld player profiles package for default profiles * chore(edge): release 2.1.1-edge.2 (#702) * Me 18059 esm tests over preview build (#727) * vp test: support esm test running on preview deploy * vp test: support esm test running on preview deploy increase timeout * vp test: support esm test running on preview deploy revert timeout * vp test: adding waitFor function for checking if preview URL is ready * vp test: adding waitFor function for checking if preview URL is ready * vp test: adding waitFor function for checking if preview URL is ready * vp test: modify changes * vp test: modify changes * vp test: modify waitForDeployPreviewUrl * vp test: modify waitForDeployPreviewUrl * vp test: modify changes * vp test: modify changes * vp test: remove beforeAll * vp test: modify waitForDeployPreviewUrl function * vp test: modify waitForDeployPreviewUrl function * vp test: modify waitForDeployPreviewUrl function * vp test: modify waitForDeployPreviewUrl function adding a print * vp test: modify changes * vp test: adding print to log + increasing timeout * vp test: revert timeout * vp test: adding timeout * vp test: adding test for is deploy URL ready * vp test: revert test * vp test: change assertion * vp test: change assertion * vp test: modify waitForDeployPreviewUrl * vp test: modify waitForDeployPreviewUrl assertion * vp test: adding beforeEach and modify waitForDeployPreviewUrl * vp test: modify waitForDeployPreviewUrl * vp test: adding logs for debugging * vp test: adding logs for debugging * vp test: adding logs for debugging * vp test: adding logs for debugging * vp test: adding logs for debugging * vp test: modify waitForDeployPreviewUrl and revert debugging prints * vp test: modify waitForDeployPreviewUrl * vp test: refactor based on review comments * vp test: remove console log print * fix: one event for internal analytics (#728) * fix: one event for internal analytics * chore(edge): release 2.1.2-edge.0 (#732) * ME-17952: test if video is playing on main page (#733) * vp test: test if video is playing on main page * vp test: rename playVideo to clickPlay * Me 17953 test video on ai highlights graph page (#734) * vp test: test if video is playing on highlight graph page * vp test: test if video is playing on highlight graph page * vp test: remove comment * vp test: refactor based on review. Adding getLinkByName function and support enum for example page names * vp test: refactor based on review adding page manager * vp test: modify test description (#735) * vp test: refactor to support ExampleLinkName enum (#736) * vp test: refactor to support ExampleLinkName enum * vp test: rename file * fix: source analytics (#738) * fix: source analytics * chore: cleanup * chore(edge): release 2.1.2-edge.1 (#739) * feat: allow transcript from url (#737) * feat: allow transcript url * chore: transcript analytics * chore: transcript analytics * chore(edge): release 2.1.2-edge.2 (#740) * feat: auto-fetch transcripts from language (#741) * feat: auto-fetch transcripts from language * chore: update tests * feat: auto-fetch transcripts from language * feat: auto-fetch transcripts from language * chore: esm examples * chore(edge): release 2.1.2-edge.3 (#742) * chore: examples * fix: videojs 8 deprecation warning for videojs.bind (#744) * feat: support srt subtitle format (#743) * feat: support srt subtitle format * chore: add example and usage monitoring * chore: esm examples * chore: esm example * chore: examples * feat: support srt subtitle format * chore(edge): release 2.1.2-edge.4 (#745) * fix: programatic text-tracks in Safari (#747) * fix: programatic text-tracks in Safari * chore: bundlewatch * fix: programatic text-tracks in Safari * chore(edge): release 2.1.2-edge.5 (#748) * me-18308: refactor to use page manager (#749) * vp test: refactor to use page manager * vp test: refactor to use page manager * vp test: remove comment --------- Co-authored-by: Tsachi Shlidor <[email protected]> Co-authored-by: jakub-roch <[email protected]> Co-authored-by: cloudinary-jenkins <[email protected]> Co-authored-by: ShayLevi <[email protected]> Co-authored-by: refael-m <[email protected]> Co-authored-by: alexeykagansky <[email protected]> Co-authored-by: refael-m <[email protected]>
cloudinary · Dec 9, 2024 · b163910 · b163910
1 parent e159b38
commit b163910
Show file tree

Hide file tree

Showing 30 changed files with 778 additions and 351 deletions.
diff --git a/CHANGELOG-edge.md b/CHANGELOG-edge.md
@@ -1,5 +1,52 @@
 # Changelog
 
+## [2.1.2-edge.5](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.2-edge.4...v2.1.2-edge.5) (2024-12-08)
+
+
+### Bug Fixes
+
+* programatic text-tracks in Safari ([#747](https://github.com/cloudinary/cloudinary-video-player/issues/747)) ([f549240](https://github.com/cloudinary/cloudinary-video-player/commit/f54924008f98e154ff228b927ee4da52035ed11c))
+
+## [2.1.2-edge.4](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.2-edge.3...v2.1.2-edge.4) (2024-12-05)
+
+
+### Features
+
+* support srt subtitle format ([#743](https://github.com/cloudinary/cloudinary-video-player/issues/743)) ([3461a76](https://github.com/cloudinary/cloudinary-video-player/commit/3461a7675839c91008d15c9b575d9fbeea61c899))
+
+
+### Bug Fixes
+
+* videojs 8 deprecation warning for videojs.bind ([#744](https://github.com/cloudinary/cloudinary-video-player/issues/744)) ([7787c36](https://github.com/cloudinary/cloudinary-video-player/commit/7787c36f5079ba0a819a0a1a715d34192ba17fd0))
+
+## [2.1.2-edge.3](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.2-edge.2...v2.1.2-edge.3) (2024-11-27)
+
+
+### Features
+
+* auto-fetch transcripts from language ([#741](https://github.com/cloudinary/cloudinary-video-player/issues/741)) ([ac1fc1d](https://github.com/cloudinary/cloudinary-video-player/commit/ac1fc1d89fbe1890ace818111d05b40e5478e120))
+
+## [2.1.2-edge.2](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.2-edge.1...v2.1.2-edge.2) (2024-11-26)
+
+
+### Features
+
+* allow transcript from url ([#737](https://github.com/cloudinary/cloudinary-video-player/issues/737)) ([6cd4bc8](https://github.com/cloudinary/cloudinary-video-player/commit/6cd4bc8c925862220803e2806bdd0d58d39e1604))
+
+## [2.1.2-edge.1](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.2-edge.0...v2.1.2-edge.1) (2024-11-26)
+
+
+### Bug Fixes
+
+* source analytics ([#738](https://github.com/cloudinary/cloudinary-video-player/issues/738)) ([6c6f126](https://github.com/cloudinary/cloudinary-video-player/commit/6c6f12682d09a55bdfc86742854fd08df35111a2))
+
+## [2.1.2-edge.0](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.1-edge.2...v2.1.2-edge.0) (2024-11-07)
+
+
+### Bug Fixes
+
+* one event for internal analytics ([#728](https://github.com/cloudinary/cloudinary-video-player/issues/728)) ([7552998](https://github.com/cloudinary/cloudinary-video-player/commit/7552998726656d83ba228460b4dc687ae9d0c94d))
+
 ## [2.1.1-edge.2](https://github.com/cloudinary/cloudinary-video-player/compare/v2.1.1-edge.1...v2.1.1-edge.2) (2024-10-27)
 
 

diff --git a/docs/es-modules/subtitles-and-captions.html b/docs/es-modules/subtitles-and-captions.html
@@ -104,6 +104,17 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
         width="500"
       ></video>
 
+      <h4 class="mt-4 mb-2">Translated Transcript</h4>
+
+      <video
+        id="translated-transcript"
+        playsinline
+        controls
+        class="cld-video-player cld-fluid"
+        crossorigin="anonymous"
+        width="500"
+      ></video>
+
       <p class="mt-4">
         <a href="https://cloudinary.com/documentation/cloudinary_video_player"
           >Full documentation</a
@@ -118,31 +129,31 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
       import 'cloudinary-video-player/cld-video-player.min.css';
 
       const player = videoPlayer('player', {
-        cloudName: 'demo'
+        cloudName: 'prod'
       });
 
-      player.source('video-player/stubhub', {
-        textTracks: {
-          captions: {
-            label: 'English captions',
-            language: 'en',
-            default: true,
-            url: 'https://res.cloudinary.com/demo/raw/upload/v1636972013/video-player/vtt/Meetup_english.vtt'
-          },
-          subtitles: [
-            {
-              label: 'German subtitles',
-              language: 'de',
-              url: 'https://res.cloudinary.com/demo/raw/upload/v1636970250/video-player/vtt/Meetup_german.vtt'
+      player.source(
+        'video/examples/big_buck_bunny_trailer_720p',
+        {
+          info: { title: 'SRT & VTT from URL' },
+          textTracks: {
+            options: {
+              theme: "videojs-default"
             },
-            {
-              label: 'Russian subtitles',
-              language: 'ru',
-              url: 'https://res.cloudinary.com/demo/raw/upload/v1636970275/video-player/vtt/Meetup_russian.vtt'
-            }
-          ]
+            captions: {
+              label: 'VTT from URL',
+              default: true,
+              url: 'https://res.cloudinary.com/prod/raw/upload/video/examples/big_buck_bunny_trailer_720p.vtt'
+            },
+            subtitles: [
+              {
+                label: 'SRT from URL',
+                url: 'https://res.cloudinary.com/prod/raw/upload/video/examples/big_buck_bunny_trailer_720p.srt'
+              }
+            ]
+          }
         }
-      });
+      );
 
       // Playlist
       const playlist = videoPlayer('playlist', {
@@ -204,12 +215,10 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
 
       // Paced
       const pacedPlayer = videoPlayer('paced', {
-        cloudName: 'demo',
-        autoplay: true,
-        muted: true
+        cloudName: 'prod'
       });
 
-      const publicId = 'lincoln';
+      const publicId = 'video/examples/cloudinary-marketing';
 
       const textTracks = {
         options: {
@@ -229,23 +238,10 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
         },
         captions: {
           label: 'English Paced',
-          language: 'en',
           maxWords: 4,
-          default: true
-        },
-        subtitles: [
-          {
-            label: 'German subtitles',
-            language: 'de',
-            url: 'https://res.cloudinary.com/demo/raw/upload/v1636970250/video-player/vtt/Meetup_german.vtt'
-          },
-          {
-            label: 'Russian subtitles',
-            language: 'ru',
-            url: 'https://res.cloudinary.com/demo/raw/upload/v1636970275/video-player/vtt/Meetup_russian.vtt'
-          }
-        ]
-      };
+          default: true,
+        }
+      }
       pacedPlayer.source(publicId, {
         textTracks
       });
@@ -267,12 +263,10 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
 
       // Karaoke
       const karaokePlayer = videoPlayer('karaoke', {
-        cloudName: 'demo',
-        autoplay: true,
-        muted: true
+        cloudName: 'prod'
       });
 
-      karaokePlayer.source('lincoln', {
+      karaokePlayer.source('video/examples/cld-imagine_1080p', {
         textTracks: {
           options: {
             fontFace: 'Lobster',
@@ -291,14 +285,49 @@ <h4 class="mt-4 mb-2">Karaoke player</h4>
           },
           captions: {
             label: 'KARAOKE',
-            language: 'en',
             wordHighlight: true,
-            maxWords: 5,
-            timeOffset: -0.2,
+            maxWords: 8,
+            url: 'https://res.cloudinary.com/prod/raw/upload/v1/video/examples/cld-imagine_1080p.transcript',
             default: true
           }
         }
       });
+
+      // Auto-translated transcript
+      const translatedTranscriptPlayer = videoPlayer('translated-transcript', {
+        cloudName: 'prod'
+      });
+
+      translatedTranscriptPlayer.source('video/examples/cloudinary-marketing-pm', {
+        textTracks: {
+          captions: {
+            label: "Original",
+            default: true,
+          },
+          subtitles: [
+            {
+              label: "English",
+              language: "en-US",
+            },
+            {
+              label: "Polish",
+              language: "pl-PL",
+            },
+            {
+              label: "Hebrew",
+              language: "he-IL",
+            },
+            {
+              label: "Italian",
+              language: "it-IT",
+            },
+            {
+              label: "Ukrainian",
+              language: "uk-UA",
+            }
+          ]
+        }
+      });
     </script>
 
     <!-- Bootstrap -->