diff --git a/docs/es-modules/subtitles-and-captions.html b/docs/es-modules/subtitles-and-captions.html index 5f34450c..c1e0f7c0 100644 --- a/docs/es-modules/subtitles-and-captions.html +++ b/docs/es-modules/subtitles-and-captions.html @@ -202,13 +202,11 @@

Karaoke player

playlist.playlist(playlistSources, playlistOptions); // Paced - const pacedPlayer = videoPlayer('paced', { - cloudName: 'demo', - autoplay: true, - muted: true + const pacedPlayer = cloudinary.videoPlayer('paced', { + cloudName: 'prod' }); - const publicId = 'lincoln'; + const publicId = 'video/examples/cloudinary-marketing'; const textTracks = { options: { @@ -228,23 +226,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 }); @@ -265,13 +250,11 @@

Karaoke player

}); // Karaoke - const karaokePlayer = videoPlayer('karaoke', { - cloudName: 'demo', - autoplay: true, - muted: true + const karaokePlayer = cloudinary.videoPlayer('karaoke', { + cloudName: 'prod' }); - karaokePlayer.source('lincoln', { + karaokePlayer.source('video/examples/cld-imagine_1080p', { textTracks: { options: { fontFace: 'Lobster', @@ -290,14 +273,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 = 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", + } + ] + } + }); diff --git a/docs/subtitles-and-captions.html b/docs/subtitles-and-captions.html index 208fb8bc..06d3e748 100644 --- a/docs/subtitles-and-captions.html +++ b/docs/subtitles-and-captions.html @@ -117,10 +117,10 @@ // Paced const pacedPlayer = cloudinary.videoPlayer('paced', { - cloudName: 'demo' + cloudName: 'prod' }); - const publicId = 'lincoln'; + const publicId = 'video/examples/cloudinary-marketing'; const textTracks = { options: { @@ -140,22 +140,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 @@ -178,10 +165,10 @@ // Karaoke const karaokePlayer = cloudinary.videoPlayer('karaoke', { - cloudName: 'demo' + cloudName: 'prod' }); - karaokePlayer.source('lincoln', { + karaokePlayer.source('video/examples/cld-imagine_1080p', { textTracks: { options: { fontFace: 'Lobster', @@ -200,28 +187,47 @@ }, 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 } } }); - // Transcript from URL - const urlTranscriptPlayer = cloudinary.videoPlayer('url-transcript', { - cloudName: 'demo' + // Auto-translated transcript + const translatedTranscriptPlayer = cloudinary.videoPlayer('translated-transcript', { + cloudName: 'prod' }); - urlTranscriptPlayer.source('elephants', { + translatedTranscriptPlayer.source('video/examples/cloudinary-marketing-pm', { textTracks: { captions: { - label: "Lincoln's Transcript", - url: 'https://res.cloudinary.com/demo/raw/upload/lincoln.transcript', - wordHighlight: true, - maxWords: 8 - } + 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); @@ -318,7 +324,7 @@

Karaoke player

Transcript from URL