chore: update master (#621)

* chore(deps-dev): bump undici from 5.28.2 to 5.28.3 (#559) Bumps [undici](https://github.com/nodejs/undici) from 5.28.2 to 5.28.3. - [Release notes](https://github.com/nodejs/undici/releases) - [Commits](nodejs/undici@v5.28.2...v5.28.3) --- updated-dependencies: - dependency-name: undici dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * fix: av1 support (#557) * chore(edge): release 1.10.7-edge.0 (#561) * ME-6152-type-definitions (#560) * fix: type definitions * fix: type definitions * chore: remove jsdocs * fix: type definitions * fix: type definitions * fix: type definitions * chore: remove jsdocs * chore(edge): release 1.10.7-edge.1 (#562) * fix: types exports (#565) * chore(edge): release 1.10.7-edge.2 (#566) * feat: kareoke style subtitles (#563) * feat: karaoke style subtitles * fix: types exports * feat: kareoke style subtitles * feat: kareoke style subtitles * feat: kareoke style subtitles * chore: add example page * chore(edge): release 1.10.7-edge.3 (#567) * chore(edge): release 1.10.7-edge.3 * Update CHANGELOG.md --------- Co-authored-by: Tsachi Shlidor <tsachi.shlidor@cloudinary.com> * fix: allowUsageReport (#569) * chore(edge): release 1.10.7-edge.4 (#570) * fix: mimetypes (#572) * fix: mimetypes * fix: mimetypes * fix: mimetypes * fix: poster image for raw URLs (#573) * chore(edge): release 1.10.7-edge.5 (#574) * chore: example pages (#575) * chore: example pages * chore: example pages * chore: example pages * CI: Create update_master.yml * CI: Update update_master.yml * Update update_master.yml * CI: Update update_master.yml * CI: Update update_master.yml * CI: Update update_master.yml * CI: Update update_master.yml * ci: Update update_master.yml * ci: Update update_master.yml * ci: Update update_master.yml * chore: update update_master.yml * chore(deps-dev): bump undici from 5.28.2 to 5.28.3 (#559) * fix: av1 support (#557) * chore(edge): release 1.10.7-edge.0 (#561) * ME-6152-type-definitions (#560) * fix: type definitions * fix: type definitions * chore: remove jsdocs * fix: type definitions * fix: type definitions * fix: type definitions * chore: remove jsdocs * chore(edge): release 1.10.7-edge.1 (#562) * fix: types exports (#565) * chore(edge): release 1.10.7-edge.2 (#566) * feat: kareoke style subtitles (#563) * feat: karaoke style subtitles * fix: types exports * feat: kareoke style subtitles * feat: kareoke style subtitles * feat: kareoke style subtitles * chore: add example page * chore(edge): release 1.10.7-edge.3 (#567) * chore(edge): release 1.10.7-edge.3 * Update CHANGELOG.md * fix: allowUsageReport (#569) * chore(edge): release 1.10.7-edge.4 (#570) * fix: mimetypes (#572) * fix: mimetypes * fix: mimetypes * fix: mimetypes * fix: poster image for raw URLs (#573) * chore(edge): release 1.10.7-edge.5 (#574) * chore: example pages (#575) * chore: example pages * chore: example pages * chore: example pages * CI: Create update_master.yml * CI: Update update_master.yml * Update update_master.yml * CI: Update update_master.yml * CI: Update update_master.yml * CI: Update update_master.yml * CI: Update update_master.yml * ci: Update update_master.yml * ci: Update update_master.yml * ci: Update update_master.yml * Update update_master.yml * Update update_master.yml * fix: styled subtitles browser compatibility (#576) * fix: styled subtitles browser compatibility * chore: unlazy styled subtitles * chore(edge): release 1.11.1-edge.0 (#583) * perf!: default export to be base videoPlayer (#588) * perf!: default export to be base videoPlayer BREAKING CHANGE: the default ES import is now only the player core plugins need to be explicitly imported * chore: ignore sourcemaps * chore(edge): release 2.0.0-edge.1 (#589) * perf: cleanup codec logic (#590) * perf: cleanup codec logic chore: update videojs-contrib-dash * chore: cleanup * chore: hasCodec * chore: updated exports * perf: cleanup codec logic chore: update videojs-contrib-dash * chore: cleanup * chore: updated exports * chore: exports * chore: exports * perf: update dependencies (#594) * chore: update dependencies * chore: bundlewatch * perf: update dependencies * perf: update dependencies * chore: update dependencies * chore: update eslint * chore: update httpSourceSelector plugin * chore(edge): release 2.0.0-edge.2 (#593) * perf: utils refactor & cleanup (#595) * perf: utils refactor (array, assign, playlist utils) * perf: utils refactor (cloudinary, css-prefix, dom, find) * perf: utils refactor (cloudinary, css-prefix, dom, find) * perf: utils refactor (groupBy, matches) * perf: utils refactor (find, omit, get, object, positioning, tests, playButton) * chore: bundlesize * perf: utils refactor (webpack loaders) * perf: utils refactor (startsWith, camelize) * perf: utils refactor (throttle, types) * perf: utils refactor (isObject) * chore: cleanup * perf: utils refactor (hasCodec) * chore: export * chore(edge): release 2.0.0-edge.3 (#597) * fix: isPlainObject (#598) * chore(edge): release 2.0.0-edge.4 (#599) * fix: esm examples * fix: esm examples * fix: recommendations * chore: updates * chore: pr fixes * chore(edge): release 2.0.0-edge.5 (#601) * fix: eslintrc (#604) * build: add default profiles json files to build output in es version (#603) * build: add default profiles json files to build output in es version * build: simplify profiles path * perf: debug mode & lazy validators (ME-15925) (#606) * perf: lazy validators * chore: cleanup * chore: cleanup * chore: pr comments * Revert "chore: pr comments" This reverts commit d435ca5. * chore: pr comments * chore: pr comments * chore(edge): release 2.0.0-edge.6 (#605) * fix: withCredentials (ME-16117) (#607) * fix: withCredentials * fix: withCredentials in playerConfig as documented * chore(edge): release 2.0.0-edge.7 (#608) * fix: esm examples (#609) * chore(edge): release 2.0.0-edge.8 (#610) * fix: debug mode analytics (#611) * fix: esm example pages (ME-16168) (#613) * fix: esm example pages * fix: esm examples preview * fix: deprecated snyk * fix: esm examples * chore(edge): release 2.0.0-edge.9 (#614) * Update update_master.yml * Update update_master.yml * Update update_master.yml * fix: undeprecate Cloudinary.new() (ONCALL-3380) (#619) * fix: undeprecate Cloudinary.new() * chore: add an embedded player example * ci: netlify ignore unchanged * chore: example should default to edge * chore(edge): release 2.0.1-edge.0 (#620) --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: cloudinary-jenkins <jenkins@cloudinary.com> Co-authored-by: jakub-roch <70572646+jakub-roch@users.noreply.github.com>
cloudinary · Apr 16, 2024 · 77c9e92 · 77c9e92
1 parent acf3e86
commit 77c9e92
Show file tree

Hide file tree

Showing 5 changed files with 102 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,7 +1,7 @@
 # Changelog
 
-## [2.0.0](https://github.com/cloudinary/cloudinary-video-player/compare/v1.11.1...v2.0.0) (2024-04-14)
 
+## [2.0.0](https://github.com/cloudinary/cloudinary-video-player/compare/v1.11.1...v2.0.0) (2024-04-14)
 
 ### ⚠ BREAKING CHANGES
 
@@ -21,6 +21,7 @@
 * update dependencies ([#594](https://github.com/cloudinary/cloudinary-video-player/issues/594)) ([cca439b](https://github.com/cloudinary/cloudinary-video-player/commit/cca439b838aab56a3f13264db6b1188cf5000ef8))
 * utils refactor & cleanup ([#595](https://github.com/cloudinary/cloudinary-video-player/issues/595)) ([cca439b](https://github.com/cloudinary/cloudinary-video-player/commit/cca439b838aab56a3f13264db6b1188cf5000ef8))
 
+
 ## [1.11.1](https://github.com/cloudinary/cloudinary-video-player/compare/v1.11.0...v1.11.1) (2024-03-19)
 
 ### Bug Fixes

diff --git a/docs/embedded-iframe.html b/docs/embedded-iframe.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Cloudinary Video Player</title>
+  <link href="https://res.cloudinary.com/cloudinary-marketing/image/upload/f_auto,q_auto/c_scale,w_32/v1597183771/creative_staging/cloudinary_internal/Website/Brand%20Updates/Favicon/cloudinary_web_favicon_192x192.png" rel="icon" type="image/png">
+
+  <!-- Bootstrap -->
+  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+  <!-- highlight.js -->
+  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/solarized-light.min.css">
+  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
+  <script>hljs.initHighlightingOnLoad();</script>
+
+  <!--
+    We're loading scripts & style dynamically for development/testing.
+    Real-world usage would look like this:
+
+    <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>
+
+  <script type="text/javascript">
+    window.addEventListener('load', function(){
+      const search = new URLSearchParams(window.location.search);
+      const ver = search.get('ver');
+
+      const url = `https://player.cloudinary.com/embed/?public_id=race_road_car&cloud_name=demo&vpv=${(ver ? ver : 'edge')}`
+
+      const iframe = document.getElementById('player');
+
+      iframe.src = url;
+    }, false);
+  </script>
+
+</head>
+<body>
+  <div class="container p-4 col-12 col-md-9 col-xl-6">
+    <nav class="nav mb-2">
+      <a href="./index.html">&#60;&#60; Back to examples index</a>
+    </nav>
+    <h1>Cloudinary Video Player</h1>
+    <h3 class="mb-4">Embedded (iframe) player</h3>
+
+    <iframe
+      id="player"
+      width="640"
+      height="360"
+      style="height: auto; width: 100%; aspect-ratio: 640 / 360;"
+      allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
+      allowfullscreen
+      frameborder="0"
+    ></iframe>
+
+    <p class="mt-4">
+      <a href="https://cloudinary.com/documentation/cloudinary_video_player">Full documentation</a>
+    </p>
+
+    <h3 class="mt-4">Example Code:</h3>
+    <pre>
+      <code class="language-html">
+      &lt;iframe
+        src="https://player.cloudinary.com/embed/?public_id=race_road_car&cloud_name=demo"
+        width="640"
+        height="360"
+        style="height: auto; width: 100%; aspect-ratio: 640 / 360;"
+        allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
+        allowfullscreen
+        frameborder="0"
+      &gt;&lt;/iframe&gt;
+      </code>
+    </pre>
+  </div>
+
+</body>
+</html>
diff --git a/docs/es-modules/netlify.toml b/docs/es-modules/netlify.toml
@@ -0,0 +1,2 @@
+[build]
+  ignore = "false"
diff --git a/docs/index.html b/docs/index.html
@@ -81,6 +81,9 @@ <h3 class="mt-4">Some code examples:</h3>
       <li><a href="./ui-config.html">UI Config</a></li>
       <li><a href="./vast-vpaid.html">VAST & VPAID Support</a></li>
       <li><a href="./360.html">VR/360 Videos</a></li>
+      <hr>
+      <li><a href="./embedded-iframe.html">Embedded (iframe) player</a></li>
+      <li><a href="https://cld-vp-esm-pages.netlify.app/">ESM Imports</a></li>
     </ul>
 
   </div>

diff --git a/src/index.js b/src/index.js
@@ -26,11 +26,25 @@ export const videoPlayer = getVideoPlayer();
 export const videoPlayers = getVideoPlayers();
 export const videoPlayerWithProfile = getVideoPlayerWithProfile();
 
+const cloudinaryVideoPlayerLegacyConfig = config => {
+  console.warn(
+    'Cloudinary.new() is deprecated and will be removed. Please use cloudinary.videoPlayer() instead.'
+  );
+  return {
+    videoPlayer: getVideoPlayer(config),
+    videoPlayers: getVideoPlayers(config)
+  };
+};
+
 const cloudinary = {
   ...(window.cloudinary || {}),
   videoPlayer,
   videoPlayers,
-  videoPlayerWithProfile
+  videoPlayerWithProfile,
+  Cloudinary: {
+    // Backwards compatibility with SDK v1
+    new: cloudinaryVideoPlayerLegacyConfig
+  }
 };
 
 window.cloudinary = cloudinary;