cloudinary-video-player 2.3.6-edge.6 → 2.3.6-edge.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chapters.js +1 -1
- package/dist/chapters.light.js +1 -1
- package/dist/chapters.light.min.js +1 -1
- package/dist/chapters.min.js +1 -1
- package/dist/cld-video-player.css +155 -46
- package/dist/cld-video-player.js +68 -12
- package/dist/cld-video-player.light.css +155 -46
- package/dist/cld-video-player.light.js +68 -12
- package/dist/cld-video-player.light.min.css +1 -1
- package/dist/cld-video-player.light.min.js +1 -1
- package/dist/cld-video-player.min.css +1 -1
- package/dist/cld-video-player.min.js +1 -1
- package/dist/debug.js +1 -0
- package/dist/debug.light.js +1 -0
- package/dist/debug.light.min.js +1 -1
- package/dist/debug.min.js +1 -1
- package/dist/visual-search.js +291 -0
- package/dist/visual-search.light.js +291 -0
- package/dist/visual-search.light.min.js +2 -0
- package/dist/visual-search.min.js +2 -0
- package/lib/all.js +1 -1
- package/lib/chapters.js +1 -1
- package/lib/cld-video-player.js +1 -1
- package/lib/cld-video-player.min.css +2 -1
- package/lib/debug.js +1 -1
- package/lib/light/chapters.js +1 -1
- package/lib/light/cld-video-player.light.min.css +2 -1
- package/lib/light/debug.js +1 -1
- package/lib/light/index.js +1 -1
- package/lib/light/visual-search.js +2 -0
- package/lib/player.js +1 -1
- package/lib/videoPlayer.js +1 -1
- package/lib/visual-search.js +2 -0
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
\********************************************************************************************************************/
|
|
8
8
|
@font-face {
|
|
9
9
|
font-family: VideoJS;
|
|
10
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
10
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
|
|
11
11
|
font-weight: normal;
|
|
12
12
|
font-style: normal;
|
|
13
13
|
}
|
|
@@ -421,56 +421,16 @@
|
|
|
421
421
|
content: "\f129";
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
-
.vjs-icon-
|
|
424
|
+
.vjs-icon-search {
|
|
425
425
|
font-family: VideoJS;
|
|
426
426
|
font-weight: normal;
|
|
427
427
|
font-style: normal;
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
.vjs-icon-
|
|
430
|
+
.vjs-icon-search:before {
|
|
431
431
|
content: "\f12a";
|
|
432
432
|
}
|
|
433
433
|
|
|
434
|
-
.vjs-icon-linkedin {
|
|
435
|
-
font-family: VideoJS;
|
|
436
|
-
font-weight: normal;
|
|
437
|
-
font-style: normal;
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
.vjs-icon-linkedin:before {
|
|
441
|
-
content: "\f12b";
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
.vjs-icon-twitter {
|
|
445
|
-
font-family: VideoJS;
|
|
446
|
-
font-weight: normal;
|
|
447
|
-
font-style: normal;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
.vjs-icon-twitter:before {
|
|
451
|
-
content: "\f12c";
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
.vjs-icon-tumblr {
|
|
455
|
-
font-family: VideoJS;
|
|
456
|
-
font-weight: normal;
|
|
457
|
-
font-style: normal;
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
.vjs-icon-tumblr:before {
|
|
461
|
-
content: "\f12d";
|
|
462
|
-
}
|
|
463
|
-
|
|
464
|
-
.vjs-icon-pinterest {
|
|
465
|
-
font-family: VideoJS;
|
|
466
|
-
font-weight: normal;
|
|
467
|
-
font-style: normal;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
.vjs-icon-pinterest:before {
|
|
471
|
-
content: "\f12e";
|
|
472
|
-
}
|
|
473
|
-
|
|
474
434
|
.vjs-icon-audio-description {
|
|
475
435
|
font-family: VideoJS;
|
|
476
436
|
font-weight: normal;
|
|
@@ -478,7 +438,7 @@
|
|
|
478
438
|
}
|
|
479
439
|
|
|
480
440
|
.vjs-icon-audio-description:before {
|
|
481
|
-
content: "\
|
|
441
|
+
content: "\f12b";
|
|
482
442
|
}
|
|
483
443
|
|
|
484
444
|
.vjs-icon-cart {
|
|
@@ -488,7 +448,7 @@
|
|
|
488
448
|
}
|
|
489
449
|
|
|
490
450
|
.vjs-icon-cart:before {
|
|
491
|
-
content: "\
|
|
451
|
+
content: "\f12c";
|
|
492
452
|
}
|
|
493
453
|
|
|
494
454
|
.vjs-icon-check {
|
|
@@ -498,7 +458,7 @@
|
|
|
498
458
|
}
|
|
499
459
|
|
|
500
460
|
.vjs-icon-check:before {
|
|
501
|
-
content: "\
|
|
461
|
+
content: "\f12d";
|
|
502
462
|
}
|
|
503
463
|
|
|
504
464
|
.cld-video-player .vp-theme-button {
|
|
@@ -2312,5 +2272,154 @@
|
|
|
2312
2272
|
left: 100%;
|
|
2313
2273
|
transform: translateY(-50%);
|
|
2314
2274
|
}
|
|
2275
|
+
/*!*************************************************************************************************************************************!*\
|
|
2276
|
+
!*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./plugins/visual-search/visual-search.scss ***!
|
|
2277
|
+
\*************************************************************************************************************************************/
|
|
2278
|
+
.vjs-visual-search .vjs-visual-search-wrapper {
|
|
2279
|
+
position: absolute;
|
|
2280
|
+
top: 1.5em;
|
|
2281
|
+
right: 1.5em;
|
|
2282
|
+
margin-left: auto;
|
|
2283
|
+
display: flex;
|
|
2284
|
+
align-items: center;
|
|
2285
|
+
transition: all 0.3s ease;
|
|
2286
|
+
border-radius: 1.5em;
|
|
2287
|
+
overflow: hidden;
|
|
2288
|
+
background-color: transparent;
|
|
2289
|
+
pointer-events: auto;
|
|
2290
|
+
}
|
|
2291
|
+
.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active {
|
|
2292
|
+
background-color: color-mix(in srgb, var(--color-base) 60%, transparent);
|
|
2293
|
+
backdrop-filter: blur(10px);
|
|
2294
|
+
}
|
|
2295
|
+
.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-form {
|
|
2296
|
+
width: 13.75em;
|
|
2297
|
+
margin-right: 0.25em;
|
|
2298
|
+
opacity: 1;
|
|
2299
|
+
}
|
|
2300
|
+
.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button {
|
|
2301
|
+
background-color: transparent;
|
|
2302
|
+
text-shadow: none;
|
|
2303
|
+
}
|
|
2304
|
+
.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button:hover {
|
|
2305
|
+
text-shadow: 0 0 0.5em var(--color-accent);
|
|
2306
|
+
}
|
|
2307
|
+
.vjs-visual-search .vjs-visual-search-wrapper:hover:not(.vjs-visual-search-active) .vjs-visual-search-button {
|
|
2308
|
+
background-color: color-mix(in srgb, var(--color-base) 25%, transparent);
|
|
2309
|
+
}
|
|
2310
|
+
.vjs-visual-search .vjs-visual-search-wrapper + .vjs-title-bar-title {
|
|
2311
|
+
padding-right: 2em;
|
|
2312
|
+
}
|
|
2313
|
+
.vjs-visual-search .vjs-visual-search-button {
|
|
2314
|
+
background: transparent;
|
|
2315
|
+
border: none;
|
|
2316
|
+
color: var(--color-text);
|
|
2317
|
+
cursor: pointer;
|
|
2318
|
+
width: 2.75em;
|
|
2319
|
+
height: 2.75em;
|
|
2320
|
+
padding: 0.1em;
|
|
2321
|
+
opacity: 0.9;
|
|
2322
|
+
border-radius: 50%;
|
|
2323
|
+
transition: all 0.25s ease;
|
|
2324
|
+
z-index: 2;
|
|
2325
|
+
flex-shrink: 0;
|
|
2326
|
+
text-shadow: 0 0 1em var(--color-base);
|
|
2327
|
+
}
|
|
2328
|
+
.vjs-visual-search .vjs-visual-search-button:hover {
|
|
2329
|
+
opacity: 1;
|
|
2330
|
+
}
|
|
2331
|
+
.vjs-visual-search .vjs-visual-search-button > span:before {
|
|
2332
|
+
font-size: 1.8em;
|
|
2333
|
+
}
|
|
2334
|
+
.vjs-visual-search .vjs-visual-search-button .vjs-loading-spinner {
|
|
2335
|
+
display: none;
|
|
2336
|
+
width: 2.15em;
|
|
2337
|
+
height: 2.15em;
|
|
2338
|
+
position: absolute;
|
|
2339
|
+
top: 0.3em;
|
|
2340
|
+
left: 0.3em;
|
|
2341
|
+
border-width: 0.4em;
|
|
2342
|
+
transform: none;
|
|
2343
|
+
}
|
|
2344
|
+
.vjs-visual-search .vjs-visual-search-button.vjs-waiting > .vjs-icon-search {
|
|
2345
|
+
display: none;
|
|
2346
|
+
}
|
|
2347
|
+
.vjs-visual-search .vjs-visual-search-button.vjs-waiting > .vjs-loading-spinner {
|
|
2348
|
+
display: flex;
|
|
2349
|
+
}
|
|
2350
|
+
.vjs-visual-search .vjs-visual-search-form {
|
|
2351
|
+
display: flex;
|
|
2352
|
+
align-items: center;
|
|
2353
|
+
width: 0;
|
|
2354
|
+
opacity: 0;
|
|
2355
|
+
transition: all 0.3s ease;
|
|
2356
|
+
overflow: hidden;
|
|
2357
|
+
}
|
|
2358
|
+
.vjs-visual-search .vjs-visual-search-input {
|
|
2359
|
+
background: transparent;
|
|
2360
|
+
border: none;
|
|
2361
|
+
color: var(--color-text);
|
|
2362
|
+
font-size: 0.938em;
|
|
2363
|
+
padding: 0;
|
|
2364
|
+
width: 100%;
|
|
2365
|
+
height: 2.25em;
|
|
2366
|
+
outline: none;
|
|
2367
|
+
}
|
|
2368
|
+
.vjs-visual-search .vjs-visual-search-input::placeholder {
|
|
2369
|
+
color: color-mix(in srgb, white 70%, transparent);
|
|
2370
|
+
}
|
|
2371
|
+
.vjs-visual-search .vjs-visual-search-close {
|
|
2372
|
+
background: transparent;
|
|
2373
|
+
border: none;
|
|
2374
|
+
color: var(--color-text);
|
|
2375
|
+
cursor: pointer;
|
|
2376
|
+
width: 2em;
|
|
2377
|
+
height: 2em;
|
|
2378
|
+
padding: 0.25em;
|
|
2379
|
+
opacity: 0.7;
|
|
2380
|
+
transition: opacity 0.2s ease;
|
|
2381
|
+
flex-shrink: 0;
|
|
2382
|
+
text-shadow: 0 0 0.25em var(--color-base);
|
|
2383
|
+
}
|
|
2384
|
+
.vjs-visual-search .vjs-visual-search-close:hover {
|
|
2385
|
+
opacity: 1;
|
|
2386
|
+
}
|
|
2387
|
+
.vjs-visual-search .vjs-visual-search-close .vjs-icon-close:before {
|
|
2388
|
+
font-size: 1em;
|
|
2389
|
+
}
|
|
2390
|
+
.vjs-visual-search .vjs-visual-search-results-wrapper {
|
|
2391
|
+
position: absolute;
|
|
2392
|
+
bottom: 100%;
|
|
2393
|
+
left: 0;
|
|
2394
|
+
width: 100%;
|
|
2395
|
+
height: 0.75em;
|
|
2396
|
+
z-index: 1;
|
|
2397
|
+
background: linear-gradient(to right, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 15%, transparent)), linear-gradient(to right, color-mix(in srgb, var(--color-base) 20%, transparent), color-mix(in srgb, var(--color-base) 20%, transparent));
|
|
2398
|
+
}
|
|
2399
|
+
.vjs-visual-search .vjs-visual-search-marker {
|
|
2400
|
+
position: absolute;
|
|
2401
|
+
height: 100%;
|
|
2402
|
+
background-color: var(--color-accent);
|
|
2403
|
+
opacity: 0.7;
|
|
2404
|
+
pointer-events: auto;
|
|
2405
|
+
cursor: pointer;
|
|
2406
|
+
transition: opacity 0.2s ease;
|
|
2407
|
+
}
|
|
2408
|
+
.vjs-visual-search .vjs-visual-search-marker:hover {
|
|
2409
|
+
opacity: 0.8;
|
|
2410
|
+
}
|
|
2411
|
+
|
|
2412
|
+
.vjs-visual-search-results-active .vjs-mouse-display {
|
|
2413
|
+
translate: 0 -0.75em;
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
@keyframes vjs-visual-search-spin {
|
|
2417
|
+
from {
|
|
2418
|
+
transform: rotate(0deg);
|
|
2419
|
+
}
|
|
2420
|
+
to {
|
|
2421
|
+
transform: rotate(360deg);
|
|
2422
|
+
}
|
|
2423
|
+
}
|
|
2315
2424
|
|
|
2316
2425
|
/*# sourceMappingURL=cld-video-player.light.css.map*/
|
|
@@ -340,6 +340,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
340
340
|
pictureInPictureToggle: false,
|
|
341
341
|
seekThumbnails: true,
|
|
342
342
|
aiHighlightsGraph: false,
|
|
343
|
+
visualSearch: false,
|
|
343
344
|
preload: _video_player_const__WEBPACK_IMPORTED_MODULE_2__.PRELOAD.AUTO,
|
|
344
345
|
textTrackSettings: false,
|
|
345
346
|
loop: false,
|
|
@@ -1417,7 +1418,7 @@ class CloudinaryAnalytics {
|
|
|
1417
1418
|
this.cloudinaryAnalytics.startManualTracking(metadata, {
|
|
1418
1419
|
...(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(this.analyticsOptions) ? this.analyticsOptions : {}),
|
|
1419
1420
|
videoPlayerType: 'cloudinary video player',
|
|
1420
|
-
videoPlayerVersion: "2.3.6-edge.
|
|
1421
|
+
videoPlayerVersion: "2.3.6-edge.7"
|
|
1421
1422
|
});
|
|
1422
1423
|
} else if (this.currentVideMetadata.cloudName !== metadata.cloudName || this.currentVideMetadata.publicId !== metadata.publicId) {
|
|
1423
1424
|
this.cloudinaryAnalytics.stopManualTracking();
|
|
@@ -1790,7 +1791,7 @@ class CloudinaryContext {
|
|
|
1790
1791
|
options.sourceTypes = options.sourceTypes || _this.sourceTypes();
|
|
1791
1792
|
options.poster = options.poster || posterOptionsForCurrent();
|
|
1792
1793
|
options.queryParams = Object.assign(options.queryParams || {}, options.usageReport ? {
|
|
1793
|
-
_s: `vp-${"2.3.6-edge.
|
|
1794
|
+
_s: `vp-${"2.3.6-edge.7"}`
|
|
1794
1795
|
} : {});
|
|
1795
1796
|
if (options.sourceTypes.indexOf('audio') > -1) {
|
|
1796
1797
|
builtSrc = new _models_audio_source_audio_source__WEBPACK_IMPORTED_MODULE_7__["default"](publicId, options);
|
|
@@ -2401,8 +2402,9 @@ class VideoSource extends _base_source__WEBPACK_IMPORTED_MODULE_7__["default"] {
|
|
|
2401
2402
|
textTracks,
|
|
2402
2403
|
withCredentials,
|
|
2403
2404
|
interactionAreas,
|
|
2404
|
-
chapters
|
|
2405
|
-
|
|
2405
|
+
chapters,
|
|
2406
|
+
visualSearch
|
|
2407
|
+
} = (0,utils_slicing__WEBPACK_IMPORTED_MODULE_0__.sliceAndUnsetProperties)(options, 'poster', 'sourceTypes', 'sourceTransformation', 'info', 'recommendations', 'textTracks', 'withCredentials', 'interactionAreas', 'chapters', 'visualSearch');
|
|
2406
2408
|
super(publicId, options);
|
|
2407
2409
|
this._sourceTypes = null;
|
|
2408
2410
|
this._recommendations = null;
|
|
@@ -2412,6 +2414,7 @@ class VideoSource extends _base_source__WEBPACK_IMPORTED_MODULE_7__["default"] {
|
|
|
2412
2414
|
this._sourceTransformation = null;
|
|
2413
2415
|
this._interactionAreas = null;
|
|
2414
2416
|
this._chapters = null;
|
|
2417
|
+
this._visualSearch = null;
|
|
2415
2418
|
this._type = utils_consts__WEBPACK_IMPORTED_MODULE_3__.SOURCE_TYPE.VIDEO;
|
|
2416
2419
|
this.isRawUrl = _isRawUrl;
|
|
2417
2420
|
this.isLiveStream = options.type === 'live';
|
|
@@ -2426,6 +2429,7 @@ class VideoSource extends _base_source__WEBPACK_IMPORTED_MODULE_7__["default"] {
|
|
|
2426
2429
|
this.info(info);
|
|
2427
2430
|
this.interactionAreas(interactionAreas);
|
|
2428
2431
|
this.chapters(chapters);
|
|
2432
|
+
this.visualSearch(visualSearch);
|
|
2429
2433
|
this.recommendations(recommendations);
|
|
2430
2434
|
this.textTracks(textTracks);
|
|
2431
2435
|
this.objectId = generateId();
|
|
@@ -2472,6 +2476,13 @@ class VideoSource extends _base_source__WEBPACK_IMPORTED_MODULE_7__["default"] {
|
|
|
2472
2476
|
this._chapters = chapters;
|
|
2473
2477
|
return this;
|
|
2474
2478
|
}
|
|
2479
|
+
visualSearch(visualSearch) {
|
|
2480
|
+
if (!visualSearch) {
|
|
2481
|
+
return this._visualSearch;
|
|
2482
|
+
}
|
|
2483
|
+
this._visualSearch = visualSearch;
|
|
2484
|
+
return this;
|
|
2485
|
+
}
|
|
2475
2486
|
sourceTransformation(trans) {
|
|
2476
2487
|
if (!trans) {
|
|
2477
2488
|
return this._sourceTransformation;
|
|
@@ -3047,7 +3058,7 @@ const contextMenuContent = player => {
|
|
|
3047
3058
|
const isFullscreen = player.isFullscreen();
|
|
3048
3059
|
const aboutMenuItem = {
|
|
3049
3060
|
class: 'player-version',
|
|
3050
|
-
label: 'Cloudinary Player v' + "2.3.6-edge.
|
|
3061
|
+
label: 'Cloudinary Player v' + "2.3.6-edge.7"
|
|
3051
3062
|
};
|
|
3052
3063
|
if (!player.controls()) {
|
|
3053
3064
|
return [aboutMenuItem];
|
|
@@ -3619,6 +3630,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3619
3630
|
/* harmony import */ var _interaction_areas__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./interaction-areas */ "./plugins/interaction-areas/index.js");
|
|
3620
3631
|
/* harmony import */ var _playlist__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./playlist */ "./plugins/playlist/index.js");
|
|
3621
3632
|
/* harmony import */ var _shoppable_plugin__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./shoppable-plugin */ "./plugins/shoppable-plugin/index.js");
|
|
3633
|
+
/* harmony import */ var _visual_search__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./visual-search */ "./plugins/visual-search/index.js");
|
|
3622
3634
|
|
|
3623
3635
|
|
|
3624
3636
|
|
|
@@ -3639,6 +3651,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3639
3651
|
|
|
3640
3652
|
|
|
3641
3653
|
|
|
3654
|
+
|
|
3642
3655
|
const plugins = {
|
|
3643
3656
|
aiHighlightsGraph: _ai_highlights_graph__WEBPACK_IMPORTED_MODULE_1__["default"],
|
|
3644
3657
|
analytics: _analytics__WEBPACK_IMPORTED_MODULE_2__["default"],
|
|
@@ -3657,7 +3670,8 @@ const plugins = {
|
|
|
3657
3670
|
shoppable: _shoppable_plugin__WEBPACK_IMPORTED_MODULE_17__["default"],
|
|
3658
3671
|
srtTextTracks: _srt_text_tracks__WEBPACK_IMPORTED_MODULE_10__["default"],
|
|
3659
3672
|
styledTextTracks: _styled_text_tracks__WEBPACK_IMPORTED_MODULE_11__["default"],
|
|
3660
|
-
interactionAreas: _interaction_areas__WEBPACK_IMPORTED_MODULE_15__["default"]
|
|
3673
|
+
interactionAreas: _interaction_areas__WEBPACK_IMPORTED_MODULE_15__["default"],
|
|
3674
|
+
visualSearch: _visual_search__WEBPACK_IMPORTED_MODULE_18__["default"]
|
|
3661
3675
|
};
|
|
3662
3676
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (plugins);
|
|
3663
3677
|
|
|
@@ -4102,6 +4116,31 @@ const styledTextTracks = (config, player) => {
|
|
|
4102
4116
|
|
|
4103
4117
|
/***/ }),
|
|
4104
4118
|
|
|
4119
|
+
/***/ "./plugins/visual-search/index.js":
|
|
4120
|
+
/*!****************************************!*\
|
|
4121
|
+
!*** ./plugins/visual-search/index.js ***!
|
|
4122
|
+
\****************************************/
|
|
4123
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
4124
|
+
|
|
4125
|
+
"use strict";
|
|
4126
|
+
__webpack_require__.r(__webpack_exports__);
|
|
4127
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
4128
|
+
/* harmony export */ "default": () => (/* binding */ lazyVisualSearchPlugin)
|
|
4129
|
+
/* harmony export */ });
|
|
4130
|
+
async function lazyVisualSearchPlugin(options) {
|
|
4131
|
+
const player = this;
|
|
4132
|
+
try {
|
|
4133
|
+
const {
|
|
4134
|
+
default: initPlugin
|
|
4135
|
+
} = await Promise.all(/*! import() | visual-search */[__webpack_require__.e("styles"), __webpack_require__.e("visual-search")]).then(__webpack_require__.bind(__webpack_require__, /*! ./visual-search */ "./plugins/visual-search/visual-search.js"));
|
|
4136
|
+
player.ready(() => initPlugin(options, player));
|
|
4137
|
+
} catch (error) {
|
|
4138
|
+
console.error('Failed to load plugin:', error);
|
|
4139
|
+
}
|
|
4140
|
+
}
|
|
4141
|
+
|
|
4142
|
+
/***/ }),
|
|
4143
|
+
|
|
4105
4144
|
/***/ "./plugins/vtt-thumbnails/index.js":
|
|
4106
4145
|
/*!*****************************************!*\
|
|
4107
4146
|
!*** ./plugins/vtt-thumbnails/index.js ***!
|
|
@@ -4889,6 +4928,7 @@ const getSourceOptions = function () {
|
|
|
4889
4928
|
let sourceOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
4890
4929
|
return {
|
|
4891
4930
|
chapters: sourceOptions.chapters && (sourceOptions.chapters.url ? 'url' : 'inline-chapters'),
|
|
4931
|
+
visualSearch: hasConfig(sourceOptions.visualSearch),
|
|
4892
4932
|
recommendations: sourceOptions.recommendations && sourceOptions.recommendations.length,
|
|
4893
4933
|
shoppable: hasConfig(sourceOptions.shoppable),
|
|
4894
4934
|
shoppableProductsLength: sourceOptions.shoppable && sourceOptions.shoppable.products && sourceOptions.shoppable.products.length,
|
|
@@ -5346,7 +5386,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5346
5386
|
/* harmony export */ PRELOAD: () => (/* binding */ PRELOAD)
|
|
5347
5387
|
/* harmony export */ });
|
|
5348
5388
|
const CLOUDINARY_PARAMS = ['cloudinaryConfig', 'transformation', 'sourceTypes', 'sourceTransformation', 'posterOptions', 'autoShowRecommendations', 'fontFace', 'secure'];
|
|
5349
|
-
const PLAYER_PARAMS = CLOUDINARY_PARAMS.concat(['_internalAnalyticsMetadata', 'debug', 'publicId', 'source', 'autoplayMode', 'playedEventPercents', 'playedEventTimes', 'analytics', 'cloudinaryAnalytics', 'allowUsageReport', 'fluid', 'ima', 'playlistWidget', 'hideContextMenu', 'colors', 'floatingWhenNotVisible', 'ads', 'showJumpControls', 'chaptersButton', 'pictureInPictureToggle', 'textTracks', 'qualitySelector', 'fetchErrorUsingGet', 'withCredentials', 'seekThumbnails', 'aiHighlightsGraph', 'chapters', 'queryParams', 'type']);
|
|
5389
|
+
const PLAYER_PARAMS = CLOUDINARY_PARAMS.concat(['_internalAnalyticsMetadata', 'debug', 'publicId', 'source', 'autoplayMode', 'playedEventPercents', 'playedEventTimes', 'analytics', 'cloudinaryAnalytics', 'allowUsageReport', 'fluid', 'ima', 'playlistWidget', 'hideContextMenu', 'colors', 'floatingWhenNotVisible', 'ads', 'showJumpControls', 'chaptersButton', 'pictureInPictureToggle', 'textTracks', 'qualitySelector', 'fetchErrorUsingGet', 'withCredentials', 'seekThumbnails', 'aiHighlightsGraph', 'chapters', 'queryParams', 'type', 'visualSearch']);
|
|
5350
5390
|
const CLOUDINARY_CONFIG_PARAM = ['cloud_name', 'secure', 'private_cdn', 'secure_distribution', 'cdn_subdomain', 'secure_cdn_subdomain', 'cname', 'shorten', 'sign_url', 'api_secret', 'url_suffix', 'use_root_path', 'auth_token'];
|
|
5351
5391
|
const FLUID_CLASS_NAME = 'cld-fluid';
|
|
5352
5392
|
const AUTO_PLAY_MODE = {
|
|
@@ -5513,7 +5553,7 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
|
|
|
5513
5553
|
const analyticsData = (0,_utils_get_analytics_player_options__WEBPACK_IMPORTED_MODULE_18__.getAnalyticsFromPlayerOptions)(options);
|
|
5514
5554
|
const analyticsParams = new URLSearchParams(analyticsData).toString();
|
|
5515
5555
|
const baseParams = new URLSearchParams({
|
|
5516
|
-
vpVersion: "2.3.6-edge.
|
|
5556
|
+
vpVersion: "2.3.6-edge.7",
|
|
5517
5557
|
vpInstanceId: this.getVPInstanceId(),
|
|
5518
5558
|
// #if (process.env.WEBPACK_BUILD_LIGHT)
|
|
5519
5559
|
vpLightBuild: true,
|
|
@@ -5586,6 +5626,7 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
|
|
|
5586
5626
|
this._initAnalytics();
|
|
5587
5627
|
this._initCloudinaryAnalytics();
|
|
5588
5628
|
this._initFloatingPlayer();
|
|
5629
|
+
this._initVisualSearch();
|
|
5589
5630
|
this._initColors();
|
|
5590
5631
|
this._initTextTracks();
|
|
5591
5632
|
this._initHighlightsGraph();
|
|
@@ -5709,6 +5750,8 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
|
|
|
5709
5750
|
} = _ref3;
|
|
5710
5751
|
if ((!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(source._chapters) || source._chapters === true) && this.videojs.chapters) {
|
|
5711
5752
|
lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.chapters) ? this.videojs.chapters(source._chapters) : this.videojs.chapters.src(source._chapters);
|
|
5753
|
+
} else if (this.videojs.chapters?.resetPlugin) {
|
|
5754
|
+
this.videojs.chapters.resetPlugin();
|
|
5712
5755
|
}
|
|
5713
5756
|
});
|
|
5714
5757
|
}
|
|
@@ -5719,6 +5762,19 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
|
|
|
5719
5762
|
}
|
|
5720
5763
|
});
|
|
5721
5764
|
}
|
|
5765
|
+
_initVisualSearch() {
|
|
5766
|
+
// Listen for source changes to apply visual search based on source config
|
|
5767
|
+
this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref4) => {
|
|
5768
|
+
let {
|
|
5769
|
+
source
|
|
5770
|
+
} = _ref4;
|
|
5771
|
+
if (source._visualSearch && this.videojs.visualSearch) {
|
|
5772
|
+
lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(this.videojs.visualSearch) ? this.videojs.visualSearch(source._visualSearch) : this.videojs.visualSearch.createSearchUI(source._visualSearch);
|
|
5773
|
+
} else if (!source._visualSearch && this.videojs.visualSearch?.clearUI) {
|
|
5774
|
+
this.videojs.visualSearch.clearUI();
|
|
5775
|
+
}
|
|
5776
|
+
});
|
|
5777
|
+
}
|
|
5722
5778
|
_initColors() {
|
|
5723
5779
|
this.videojs.colors(this.playerOptions.colors ? {
|
|
5724
5780
|
colors: this.playerOptions.colors
|
|
@@ -5743,10 +5799,10 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
|
|
|
5743
5799
|
// #endif
|
|
5744
5800
|
|
|
5745
5801
|
_initTextTracks() {
|
|
5746
|
-
this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e,
|
|
5802
|
+
this.videojs.on(_utils_consts__WEBPACK_IMPORTED_MODULE_17__.PLAYER_EVENT.CLD_SOURCE_CHANGED, (e, _ref5) => {
|
|
5747
5803
|
let {
|
|
5748
5804
|
source
|
|
5749
|
-
} =
|
|
5805
|
+
} = _ref5;
|
|
5750
5806
|
this.setTextTracks(source._textTracks);
|
|
5751
5807
|
});
|
|
5752
5808
|
}
|
|
@@ -5867,11 +5923,11 @@ class VideoPlayer extends _utils__WEBPACK_IMPORTED_MODULE_9__["default"].mixin(_
|
|
|
5867
5923
|
this.source(source, this.playerOptions);
|
|
5868
5924
|
}
|
|
5869
5925
|
}
|
|
5870
|
-
_onSourceChange(e,
|
|
5926
|
+
_onSourceChange(e, _ref6) {
|
|
5871
5927
|
let {
|
|
5872
5928
|
source,
|
|
5873
5929
|
sourceOptions
|
|
5874
|
-
} =
|
|
5930
|
+
} = _ref6;
|
|
5875
5931
|
this._sendInternalAnalytics({
|
|
5876
5932
|
...(sourceOptions && {
|
|
5877
5933
|
sourceOptions
|