diff --git a/CHANGELOG-edge.md b/CHANGELOG-edge.md index 1dab850f..a6691508 100644 --- 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 index 269faafc..fb4f9666 100644 --- a/docs/es-modules/subtitles-and-captions.html +++ b/docs/es-modules/subtitles-and-captions.html @@ -104,6 +104,17 @@

Karaoke player

width="500" > +

Translated Transcript

+ + +

Full documentationKaraoke player 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 @@

Karaoke player

// 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 @@

Karaoke player

}, 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 @@

Karaoke player

// 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 @@

Karaoke player

}, 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", + } + ] + } + }); diff --git a/docs/subtitles-and-captions.html b/docs/subtitles-and-captions.html index c04a45ab..c115377d 100644 --- a/docs/subtitles-and-captions.html +++ b/docs/subtitles-and-captions.html @@ -28,29 +28,26 @@ window.addEventListener('load', function(){ var player = cloudinary.videoPlayer('player', { - cloud_name: 'demo' + cloud_name: 'prod' }); player.source( - 'video-player/stubhub', + 'video/examples/big_buck_bunny_trailer_720p', { + info: { title: 'SRT & VTT from URL' }, textTracks: { + options: { + theme: "videojs-default" + }, captions: { - label: 'English captions', - language: 'en', + label: 'VTT from URL', default: true, - url: 'https://res.cloudinary.com/demo/raw/upload/v1636972013/video-player/vtt/Meetup_english.vtt' + url: 'https://res.cloudinary.com/prod/raw/upload/video/examples/big_buck_bunny_trailer_720p.vtt' }, 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' + label: 'SRT from URL', + url: 'https://res.cloudinary.com/prod/raw/upload/video/examples/big_buck_bunny_trailer_720p.srt' } ] } @@ -117,12 +114,10 @@ // Paced const pacedPlayer = cloudinary.videoPlayer('paced', { - cloudName: 'demo', - autoplay: true, - muted: true + cloudName: 'prod' }); - const publicId = 'lincoln'; + const publicId = 'video/examples/cloudinary-marketing'; const textTracks = { options: { @@ -142,22 +137,9 @@ }, 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' - } - ] + } } pacedPlayer.source(publicId, { textTracks @@ -180,12 +162,10 @@ // Karaoke const karaokePlayer = cloudinary.videoPlayer('karaoke', { - cloudName: 'demo', - autoplay: true, - muted: true + cloudName: 'prod' }); - karaokePlayer.source('lincoln', { + karaokePlayer.source('video/examples/cld-imagine_1080p', { textTracks: { options: { fontFace: 'Lobster', @@ -204,14 +184,49 @@ }, 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 = cloudinary.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", + } + ] + } + }); }, false); @@ -227,8 +242,6 @@

Subtitles & Captions

id="player" playsinline controls - muted - autoplay class="cld-video-player cld-fluid" crossorigin="anonymous" width="500" @@ -240,7 +253,6 @@

Playlist Subtitles (switch per source)

id="playlist" playsinline controls - muted class="cld-video-player cld-fluid" crossorigin="anonymous" width="500" @@ -290,19 +302,28 @@

Paced & Styled Captions

id="paced" playsinline controls - muted class="cld-video-player cld-fluid" crossorigin="anonymous" width="500" > -

Karaoke player

+

Karaoke player (transcript URL)

+ +

Translated Transcript

+ +