@gcorevideo/player 2.28.29 → 2.28.30
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/core.js +1 -1
- package/dist/index.css +348 -348
- package/dist/index.embed.js +58 -53
- package/dist/index.js +58 -53
- package/lib/plugins/media-control/MediaControl.d.ts +5 -6
- package/lib/plugins/media-control/MediaControl.d.ts.map +1 -1
- package/lib/plugins/media-control/MediaControl.js +40 -38
- package/lib/plugins/utils/mobile.d.ts +2 -0
- package/lib/plugins/utils/mobile.d.ts.map +1 -0
- package/lib/plugins/utils/mobile.js +4 -0
- package/lib/testUtils.d.ts +1 -0
- package/lib/testUtils.d.ts.map +1 -1
- package/lib/testUtils.js +1 -0
- package/package.json +1 -1
- package/src/plugins/media-control/MediaControl.ts +45 -43
- package/src/plugins/media-control/__tests__/MediaControl.test.ts +63 -35
- package/src/plugins/utils/mobile.ts +5 -0
- package/src/testUtils.ts +1 -0
- package/tsconfig.tsbuildinfo +1 -1
package/dist/index.js
CHANGED
|
@@ -51573,7 +51573,7 @@ class Player {
|
|
|
51573
51573
|
}
|
|
51574
51574
|
}
|
|
51575
51575
|
|
|
51576
|
-
var version$1 = "2.28.
|
|
51576
|
+
var version$1 = "2.28.30";
|
|
51577
51577
|
|
|
51578
51578
|
var packages = {
|
|
51579
51579
|
"node_modules/@clappr/core": {
|
|
@@ -51912,21 +51912,9 @@ const FullscreenIOS = {
|
|
|
51912
51912
|
},
|
|
51913
51913
|
};
|
|
51914
51914
|
|
|
51915
|
-
|
|
51916
|
-
|
|
51917
|
-
|
|
51918
|
-
|
|
51919
|
-
const pauseIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.05 3H15.35C14.6057 3 14 3.6057 14 4.35V19.65C14 20.3943 14.6057 21 15.35 21H18.05C18.7943 21 19.4 20.3943 19.4 19.65V4.35C19.4 3.6057 18.7943 3 18.05 3ZM10.4 4.35V19.65C10.4 20.3943 9.7943 21 9.05 21H6.35C5.6057 21 5 20.3943 5 19.65V4.35C5 3.6057 5.6057 3 6.35 3H9.05C9.7943 3 10.4 3.6057 10.4 4.35Z\"\n fill=\"#C9C9C9\"/>\n</svg>\n";
|
|
51920
|
-
|
|
51921
|
-
const stopIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#C9C9C9\" d=\"M4.568 3.86h14.9v16.28h-14.9z\"/>\n</svg>\n";
|
|
51922
|
-
|
|
51923
|
-
const volumeMaxIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M14.187 7.71405C13.759 8.06405 13.697 8.69307 14.046 9.12107C14.662 9.87207 15 10.8941 15 11.9961C15 13.0991 14.662 14.1201 14.046 14.8711C13.697 15.2991 13.759 15.9291 14.187 16.2781C14.373 16.4311 14.597 16.5051 14.82 16.5051C15.109 16.5051 15.396 16.3801 15.594 16.1391C16.501 15.0301 17 13.5601 17 11.9961C17 10.4331 16.501 8.96207 15.594 7.85407C15.245 7.42707 14.614 7.36405 14.187 7.71405ZM19.772 5.14408C19.443 4.70008 18.816 4.60907 18.374 4.94007C17.931 5.27007 17.839 5.89605 18.169 6.33905C19.367 7.94705 20 9.90307 20 11.9961C20 14.0891 19.367 16.0451 18.169 17.6531C17.839 18.0971 17.931 18.7231 18.374 19.0531C18.553 19.1871 18.762 19.2511 18.97 19.2511C19.275 19.2511 19.576 19.1121 19.772 18.8491C21.23 16.8921 22 14.5231 22 11.9961C22 9.47007 21.23 7.10108 19.772 5.14408ZM12 3.85108V20.1421C12 20.4881 11.793 20.7971 11.473 20.9291C11.368 20.9721 11.258 20.9921 11.149 20.9921C10.926 20.9921 10.708 20.9031 10.544 20.7371L6.317 16.4431C6.038 16.1591 5.648 15.9961 5.249 15.9961H3.5C2.673 15.9961 2 15.3231 2 14.4961V9.49607C2 8.66907 2.673 7.99607 3.5 7.99607H5.249C5.648 7.99607 6.038 7.83308 6.317 7.54908L10.544 3.25507C10.787 3.00807 11.151 2.93206 11.473 3.06406C11.793 3.19506 12 3.50408 12 3.85108Z\"\n fill=\"#C9C9C9\"/>\n</svg>\n";
|
|
51924
|
-
|
|
51925
|
-
const volumeMuteIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.50025 8.00025C4.67125 8.00025 4.00025 8.67225 4.00025 9.50025V14.5003C4.00025 15.3283 4.67125 16.0003 5.50025 16.0003H7.24824C7.65024 16.0003 8.03627 16.1613 8.31727 16.4483L12.5443 20.7413C12.7083 20.9073 12.9262 20.9963 13.1492 20.9963C13.2572 20.9963 13.3672 20.9763 13.4722 20.9333C13.7932 20.8013 14.0003 20.4923 14.0003 20.1462V16.3283C14.0003 16.1963 13.9473 16.0683 13.8543 15.9753L6.02528 8.14625C5.93228 8.05325 5.80425 8.00025 5.67225 8.00025H5.50025ZM14.0003 3.85426C14.0003 3.50826 13.7932 3.19927 13.4722 3.06727C13.1502 2.93627 12.7873 3.01226 12.5443 3.25926L9.33827 6.51527C9.14627 6.71127 9.14626 7.02625 9.34126 7.22025L13.5733 11.4522C13.7313 11.6102 14.0003 11.4982 14.0003 11.2752V3.85426ZM20.8543 20.8543C20.7563 20.9513 20.6283 21.0003 20.5003 21.0003C20.3723 21.0003 20.2442 20.9513 20.1462 20.8543L3.14625 3.85426C2.95125 3.65826 2.95125 3.34225 3.14625 3.14625C3.34225 2.95125 3.65826 2.95125 3.85426 3.14625L20.8543 20.1462C21.0493 20.3422 21.0493 20.6583 20.8543 20.8543Z\"\n fill=\"#C9C9C9\"/>\n</svg>\n";
|
|
51926
|
-
|
|
51927
|
-
const fullscreenOffIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M17.1999 4.85023H21.1498V8.80019C21.1498 9.0786 21.2604 9.34577 21.4574 9.54268C21.6283 9.71365 21.8523 9.81956 22.0906 9.84449L22.0965 9.85041H22.2001C22.4785 9.85041 22.7456 9.73981 22.9426 9.5429C23.1395 9.346 23.2501 9.07883 23.2501 8.80042V3.80024C23.2501 3.52182 23.1395 3.25465 22.9426 3.05775L22.7658 3.23453L22.9426 3.05775C22.7456 2.86085 22.4785 2.75024 22.2001 2.75024H17.1999C16.8247 2.75024 16.478 2.95039 16.2905 3.27526C16.103 3.6001 16.103 4.00037 16.2905 4.32521C16.478 4.65009 16.8247 4.85023 17.1999 4.85023Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n <path\n d=\"M1.79999 9.85017H1.90368L1.90961 9.84423C2.14785 9.81928 2.37176 9.71338 2.54271 9.54243C2.73961 9.34553 2.85021 9.07836 2.85021 8.79995V4.84999H6.80017C7.17536 4.84999 7.52201 4.64984 7.70953 4.32497C7.89703 4.00013 7.89703 3.59986 7.70953 3.27502C7.52201 2.95014 7.17537 2.75 6.80017 2.75H1.79999C1.52158 2.75 1.25441 2.8606 1.05751 3.05751C0.860605 3.25441 0.75 3.52158 0.75 3.79999V8.80017C0.75 9.07859 0.860605 9.34576 1.05751 9.54266C1.25441 9.73956 1.52158 9.85017 1.79999 9.85017Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n <path\n d=\"M21.1496 18.7498H17.1996C16.8245 18.7498 16.4778 18.95 16.2903 19.2748C16.1028 19.5997 16.1028 19.9999 16.2903 20.3248C16.4778 20.6497 16.8244 20.8498 17.1996 20.8498H21.5963L21.596 20.85H22.1996C22.478 20.85 22.7452 20.7394 22.9421 20.5425C23.139 20.3456 23.2496 20.0785 23.2496 19.8V14.7999C23.2496 14.4247 23.0494 14.078 22.7246 13.8905C22.3997 13.703 21.9995 13.703 21.6746 13.8905C21.3497 14.078 21.1496 14.4247 21.1496 14.7999V18.7498Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n <path\n d=\"M2.85003 18.7498H6.79999C7.17518 18.7498 7.52183 18.95 7.70935 19.2748C7.89685 19.5997 7.89685 19.9999 7.70935 20.3248C7.52183 20.6497 7.17519 20.8498 6.79999 20.8498H2.40337L2.40359 20.85H1.80004C1.52163 20.85 1.25446 20.7394 1.05756 20.5425C0.860653 20.3456 0.750049 20.0785 0.750049 19.8V14.7999C0.750049 14.4247 0.950194 14.078 1.27507 13.8905C1.5999 13.703 2.00018 13.703 2.32501 13.8905C2.64989 14.078 2.85003 14.4247 2.85003 14.7999V18.7498Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n</svg>\n";
|
|
51928
|
-
|
|
51929
|
-
const fullscreenOnIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M15.1568 23.15C15.7408 23.15 16.2142 22.6766 16.2142 22.0926V17.1947C16.2142 16.7253 16.5948 16.3447 17.0642 16.3447H21.9621C22.5461 16.3447 23.0195 15.8713 23.0195 15.2873C23.0195 14.7034 22.5461 14.2299 21.9621 14.2299H16.0642C14.9832 14.2299 14.0995 15.1137 14.0995 16.1947V22.0926C14.0995 22.6766 14.5729 23.15 15.1568 23.15Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n <path\n d=\"M1.90739 10.7701H7.80528C8.88627 10.7701 9.77006 9.88627 9.77006 8.80528V2.90739C9.77006 2.32341 9.29665 1.85 8.71267 1.85C8.12869 1.85 7.65528 2.32341 7.65528 2.90739V7.80528C7.65528 8.27472 7.27472 8.65528 6.80528 8.65528H1.90739C1.32341 8.65528 0.85 9.12869 0.85 9.71267C0.85 10.2966 1.32341 10.7701 1.90739 10.7701Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n <path\n d=\"M8.71261 23.15C9.29659 23.15 9.77 22.6766 9.77 22.0926V16.1947C9.77 15.1137 8.88621 14.2299 7.80521 14.2299H1.90733C1.32335 14.2299 0.849939 14.7034 0.849939 15.2873C0.849939 15.8713 1.32335 16.3447 1.90733 16.3447H6.80521C7.27466 16.3447 7.65521 16.7253 7.65521 17.1947V22.0926C7.65521 22.6766 8.12862 23.15 8.71261 23.15Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n <path\n d=\"M21.9621 10.7701C22.5461 10.7701 23.0195 10.2966 23.0195 9.71267C23.0195 9.12869 22.5461 8.65528 21.9621 8.65528H17.0642C16.5948 8.65528 16.2142 8.27472 16.2142 7.80528V2.90739C16.2142 2.32341 15.7408 1.85 15.1568 1.85C14.5729 1.85 14.0995 2.32341 14.0995 2.90739V8.80528C14.0995 9.88627 14.9832 10.7701 16.0642 10.7701H21.9621Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n</svg>\n";
|
|
51915
|
+
function isMobile() {
|
|
51916
|
+
return Browser.isMobile;
|
|
51917
|
+
}
|
|
51930
51918
|
|
|
51931
51919
|
/**
|
|
51932
51920
|
*
|
|
@@ -51968,6 +51956,22 @@ function mediaControlClickaway(callback) {
|
|
|
51968
51956
|
};
|
|
51969
51957
|
}
|
|
51970
51958
|
|
|
51959
|
+
const mediaControlHTML = "<div class=\"media-control-background\" data-background></div>\n\n<div class=\"media-control-layer gcore-skin-bg-color\" data-controls>\n <% var renderBar = function(name) { %>\n <div class=\"bar-container\" data-<%= name %>>\n <div class=\"bar-background\" data-<%= name %>>\n <div class=\"bar-fill-1\" data-<%= name %>></div>\n <div class=\"bar-fill-2 gcore-skin-main-color\" data-<%= name %>></div>\n <div class=\"bar-hover\" data-<%= name %>></div>\n </div>\n <div class=\"bar-scrubber\" data-<%= name %>>\n <div class=\"bar-scrubber-icon gcore-skin-main-color\" data-<%= name %>></div>\n </div>\n </div>\n <% }; %>\n <% var renderSegmentedBar = function(name, segments) {\n segments = segments || 10; %>\n <div class=\"bar-container\" data-<%= name %>>\n <div class=\"bar-background\" data-<%= name %>>\n <div class=\"bar-fill-1 gcore-skin-main-color\" data-<%= name %>></div>\n </div>\n <div class=\"bar-scrubber\" data-<%= name %>>\n <div class=\"bar-scrubber-icon gcore-skin-main-color\" data-<%= name %>></div>\n </div>\n </div>\n <% }; %>\n <% var renderDrawer = function(name, renderContent) { %>\n <div class=\"drawer-container\" data-<%= name %>>\n <div class=\"drawer-icon-container\" data-<%= name %>>\n <div class=\"drawer-icon media-control-icon gcore-skin-button-color\" data-<%= name %>></div>\n <span class=\"drawer-text\" data-<%= name %>></span>\n </div>\n <% renderContent(name); %>\n </div>\n <% }; %>\n <% var renderIndicator = function(name) { %>\n <div class=\"media-control-indicator gcore-skin-text-color\" data-<%= name %>></div>\n <% }; %>\n <% var renderQuality = function(name) { %>\n <div class=\"media-control-quality\" data-<%= name %>></div>\n <% }; %>\n <% var renderNerd = function(name) { %>\n <div class=\"media-control-nerd\" data-<%= name %>></div>\n <% }; %>\n <% var renderMultiCamera = function(name) { %>\n <div class=\"media-control-multicamera\" data-<%= name %>></div>\n <% }; %>\n <% var renderVR = function(name) { %>\n <div class=\"media-control-vr\" data-<%= name %>></div>\n <% }; %>\n <% var renderButton = function(name) { %>\n <button type=\"button\" class=\"media-control-button media-control-icon gcore-skin-button-color\" data-<%= name %>\n aria-label=\"<%= name %>\"></button>\n <% }; %>\n\n <% var templates = {\n bar: renderBar,\n segmentedBar: renderSegmentedBar,\n };\n var render = function (settingsList) {\n settingsList.forEach(function (setting) {\n\n if (setting === \"seekbar\") {\n renderBar(setting);\n } else if (setting === \"volume\") {\n renderDrawer(setting, settings.volumeBarTemplate ? templates[settings.volumeBarTemplate] : function (name) {\n return renderSegmentedBar(name);\n });\n } else if (setting === \"duration\" || setting === \"position\" || setting === \"clips\") {\n renderIndicator(setting);\n } else if (setting === \"quality\") {\n renderQuality(setting)\n } else if (setting === \"nerd\") {\n renderNerd(setting)\n } else if (setting === \"multicamera\") {\n renderMultiCamera(setting)\n } else if (setting === \"vr\") {\n renderVR(setting)\n } else if ([\"playpause\", \"playstop\", \"fullscreen\"].includes(setting)) {\n renderButton(setting);\n }\n });\n }; %>\n <% if (settings.left && settings.left.length) { %>\n <div class=\"media-control-left-panel\" data-media-control>\n <% render(settings.left); %>\n </div>\n <% } %>\n <% if (settings.default && settings.default.length) { %>\n <div class=\"media-control-center-panel\" data-media-control>\n <% render(settings.default); %>\n </div>\n <% } %>\n <% if (settings.right && settings.right.length) { %>\n <div class=\"media-control-right-panel\" data-media-control>\n <% render(settings.right); %>\n </div>\n <% } %>\n</div>\n";
|
|
51960
|
+
|
|
51961
|
+
const playIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_28_1564)\">\n <path d=\"M6 3V20L19.3571 11.5L6 3Z\" fill=\"#C9C9C9\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_28_1564\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n</svg>\n";
|
|
51962
|
+
|
|
51963
|
+
const pauseIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.05 3H15.35C14.6057 3 14 3.6057 14 4.35V19.65C14 20.3943 14.6057 21 15.35 21H18.05C18.7943 21 19.4 20.3943 19.4 19.65V4.35C19.4 3.6057 18.7943 3 18.05 3ZM10.4 4.35V19.65C10.4 20.3943 9.7943 21 9.05 21H6.35C5.6057 21 5 20.3943 5 19.65V4.35C5 3.6057 5.6057 3 6.35 3H9.05C9.7943 3 10.4 3.6057 10.4 4.35Z\"\n fill=\"#C9C9C9\"/>\n</svg>\n";
|
|
51964
|
+
|
|
51965
|
+
const stopIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#C9C9C9\" d=\"M4.568 3.86h14.9v16.28h-14.9z\"/>\n</svg>\n";
|
|
51966
|
+
|
|
51967
|
+
const volumeMaxIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M14.187 7.71405C13.759 8.06405 13.697 8.69307 14.046 9.12107C14.662 9.87207 15 10.8941 15 11.9961C15 13.0991 14.662 14.1201 14.046 14.8711C13.697 15.2991 13.759 15.9291 14.187 16.2781C14.373 16.4311 14.597 16.5051 14.82 16.5051C15.109 16.5051 15.396 16.3801 15.594 16.1391C16.501 15.0301 17 13.5601 17 11.9961C17 10.4331 16.501 8.96207 15.594 7.85407C15.245 7.42707 14.614 7.36405 14.187 7.71405ZM19.772 5.14408C19.443 4.70008 18.816 4.60907 18.374 4.94007C17.931 5.27007 17.839 5.89605 18.169 6.33905C19.367 7.94705 20 9.90307 20 11.9961C20 14.0891 19.367 16.0451 18.169 17.6531C17.839 18.0971 17.931 18.7231 18.374 19.0531C18.553 19.1871 18.762 19.2511 18.97 19.2511C19.275 19.2511 19.576 19.1121 19.772 18.8491C21.23 16.8921 22 14.5231 22 11.9961C22 9.47007 21.23 7.10108 19.772 5.14408ZM12 3.85108V20.1421C12 20.4881 11.793 20.7971 11.473 20.9291C11.368 20.9721 11.258 20.9921 11.149 20.9921C10.926 20.9921 10.708 20.9031 10.544 20.7371L6.317 16.4431C6.038 16.1591 5.648 15.9961 5.249 15.9961H3.5C2.673 15.9961 2 15.3231 2 14.4961V9.49607C2 8.66907 2.673 7.99607 3.5 7.99607H5.249C5.648 7.99607 6.038 7.83308 6.317 7.54908L10.544 3.25507C10.787 3.00807 11.151 2.93206 11.473 3.06406C11.793 3.19506 12 3.50408 12 3.85108Z\"\n fill=\"#C9C9C9\"/>\n</svg>\n";
|
|
51968
|
+
|
|
51969
|
+
const volumeMuteIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M5.50025 8.00025C4.67125 8.00025 4.00025 8.67225 4.00025 9.50025V14.5003C4.00025 15.3283 4.67125 16.0003 5.50025 16.0003H7.24824C7.65024 16.0003 8.03627 16.1613 8.31727 16.4483L12.5443 20.7413C12.7083 20.9073 12.9262 20.9963 13.1492 20.9963C13.2572 20.9963 13.3672 20.9763 13.4722 20.9333C13.7932 20.8013 14.0003 20.4923 14.0003 20.1462V16.3283C14.0003 16.1963 13.9473 16.0683 13.8543 15.9753L6.02528 8.14625C5.93228 8.05325 5.80425 8.00025 5.67225 8.00025H5.50025ZM14.0003 3.85426C14.0003 3.50826 13.7932 3.19927 13.4722 3.06727C13.1502 2.93627 12.7873 3.01226 12.5443 3.25926L9.33827 6.51527C9.14627 6.71127 9.14626 7.02625 9.34126 7.22025L13.5733 11.4522C13.7313 11.6102 14.0003 11.4982 14.0003 11.2752V3.85426ZM20.8543 20.8543C20.7563 20.9513 20.6283 21.0003 20.5003 21.0003C20.3723 21.0003 20.2442 20.9513 20.1462 20.8543L3.14625 3.85426C2.95125 3.65826 2.95125 3.34225 3.14625 3.14625C3.34225 2.95125 3.65826 2.95125 3.85426 3.14625L20.8543 20.1462C21.0493 20.3422 21.0493 20.6583 20.8543 20.8543Z\"\n fill=\"#C9C9C9\"/>\n</svg>\n";
|
|
51970
|
+
|
|
51971
|
+
const fullscreenOffIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M17.1999 4.85023H21.1498V8.80019C21.1498 9.0786 21.2604 9.34577 21.4574 9.54268C21.6283 9.71365 21.8523 9.81956 22.0906 9.84449L22.0965 9.85041H22.2001C22.4785 9.85041 22.7456 9.73981 22.9426 9.5429C23.1395 9.346 23.2501 9.07883 23.2501 8.80042V3.80024C23.2501 3.52182 23.1395 3.25465 22.9426 3.05775L22.7658 3.23453L22.9426 3.05775C22.7456 2.86085 22.4785 2.75024 22.2001 2.75024H17.1999C16.8247 2.75024 16.478 2.95039 16.2905 3.27526C16.103 3.6001 16.103 4.00037 16.2905 4.32521C16.478 4.65009 16.8247 4.85023 17.1999 4.85023Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n <path\n d=\"M1.79999 9.85017H1.90368L1.90961 9.84423C2.14785 9.81928 2.37176 9.71338 2.54271 9.54243C2.73961 9.34553 2.85021 9.07836 2.85021 8.79995V4.84999H6.80017C7.17536 4.84999 7.52201 4.64984 7.70953 4.32497C7.89703 4.00013 7.89703 3.59986 7.70953 3.27502C7.52201 2.95014 7.17537 2.75 6.80017 2.75H1.79999C1.52158 2.75 1.25441 2.8606 1.05751 3.05751C0.860605 3.25441 0.75 3.52158 0.75 3.79999V8.80017C0.75 9.07859 0.860605 9.34576 1.05751 9.54266C1.25441 9.73956 1.52158 9.85017 1.79999 9.85017Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n <path\n d=\"M21.1496 18.7498H17.1996C16.8245 18.7498 16.4778 18.95 16.2903 19.2748C16.1028 19.5997 16.1028 19.9999 16.2903 20.3248C16.4778 20.6497 16.8244 20.8498 17.1996 20.8498H21.5963L21.596 20.85H22.1996C22.478 20.85 22.7452 20.7394 22.9421 20.5425C23.139 20.3456 23.2496 20.0785 23.2496 19.8V14.7999C23.2496 14.4247 23.0494 14.078 22.7246 13.8905C22.3997 13.703 21.9995 13.703 21.6746 13.8905C21.3497 14.078 21.1496 14.4247 21.1496 14.7999V18.7498Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n <path\n d=\"M2.85003 18.7498H6.79999C7.17518 18.7498 7.52183 18.95 7.70935 19.2748C7.89685 19.5997 7.89685 19.9999 7.70935 20.3248C7.52183 20.6497 7.17519 20.8498 6.79999 20.8498H2.40337L2.40359 20.85H1.80004C1.52163 20.85 1.25446 20.7394 1.05756 20.5425C0.860653 20.3456 0.750049 20.0785 0.750049 19.8V14.7999C0.750049 14.4247 0.950194 14.078 1.27507 13.8905C1.5999 13.703 2.00018 13.703 2.32501 13.8905C2.64989 14.078 2.85003 14.4247 2.85003 14.7999V18.7498Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.5\"/>\n</svg>\n";
|
|
51972
|
+
|
|
51973
|
+
const fullscreenOnIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M15.1568 23.15C15.7408 23.15 16.2142 22.6766 16.2142 22.0926V17.1947C16.2142 16.7253 16.5948 16.3447 17.0642 16.3447H21.9621C22.5461 16.3447 23.0195 15.8713 23.0195 15.2873C23.0195 14.7034 22.5461 14.2299 21.9621 14.2299H16.0642C14.9832 14.2299 14.0995 15.1137 14.0995 16.1947V22.0926C14.0995 22.6766 14.5729 23.15 15.1568 23.15Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n <path\n d=\"M1.90739 10.7701H7.80528C8.88627 10.7701 9.77006 9.88627 9.77006 8.80528V2.90739C9.77006 2.32341 9.29665 1.85 8.71267 1.85C8.12869 1.85 7.65528 2.32341 7.65528 2.90739V7.80528C7.65528 8.27472 7.27472 8.65528 6.80528 8.65528H1.90739C1.32341 8.65528 0.85 9.12869 0.85 9.71267C0.85 10.2966 1.32341 10.7701 1.90739 10.7701Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n <path\n d=\"M8.71261 23.15C9.29659 23.15 9.77 22.6766 9.77 22.0926V16.1947C9.77 15.1137 8.88621 14.2299 7.80521 14.2299H1.90733C1.32335 14.2299 0.849939 14.7034 0.849939 15.2873C0.849939 15.8713 1.32335 16.3447 1.90733 16.3447H6.80521C7.27466 16.3447 7.65521 16.7253 7.65521 17.1947V22.0926C7.65521 22.6766 8.12862 23.15 8.71261 23.15Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n <path\n d=\"M21.9621 10.7701C22.5461 10.7701 23.0195 10.2966 23.0195 9.71267C23.0195 9.12869 22.5461 8.65528 21.9621 8.65528H17.0642C16.5948 8.65528 16.2142 8.27472 16.2142 7.80528V2.90739C16.2142 2.32341 15.7408 1.85 15.1568 1.85C14.5729 1.85 14.0995 2.32341 14.0995 2.90739V8.80528C14.0995 9.88627 14.9832 10.7701 16.0642 10.7701H21.9621Z\"\n fill=\"#C9C9C9\" stroke=\"#C9C9C9\" stroke-width=\"0.3\"/>\n</svg>\n";
|
|
51974
|
+
|
|
51971
51975
|
// This is a derived work from the {@link https://github.com/clappr/clappr-plugins/tree/ffaa9d27005fa5a8a7c243ffc47eb5655b84b371/src/plugins/media_control | Clappr MediaControl plugin}
|
|
51972
51976
|
// It is redistributed under the terms of the {@link ../../../../../LICENSE | Apache 2.0} license.
|
|
51973
51977
|
// Copyright 2014 Globo.com Player authors. All rights reserved.
|
|
@@ -52183,8 +52187,6 @@ class MediaControl extends UICorePlugin {
|
|
|
52183
52187
|
'touchmove .bar-container[data-seekbar]': 'mousemoveOnSeekBar',
|
|
52184
52188
|
'mouseleave .bar-container[data-seekbar]': 'mouseleaveOnSeekBar',
|
|
52185
52189
|
'touchend .bar-container[data-seekbar]': 'mouseleaveOnSeekBar',
|
|
52186
|
-
'mouseenter .media-control-layer[data-controls]': 'setUserKeepVisible',
|
|
52187
|
-
'mouseleave .media-control-layer[data-controls]': 'resetUserKeepVisible',
|
|
52188
52190
|
};
|
|
52189
52191
|
}
|
|
52190
52192
|
get currentSeekPos() {
|
|
@@ -52266,7 +52268,6 @@ class MediaControl extends UICorePlugin {
|
|
|
52266
52268
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PAUSE, this.changeTogglePlay);
|
|
52267
52269
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_STOP, this.changeTogglePlay);
|
|
52268
52270
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_DBLCLICK, this.toggleFullscreen);
|
|
52269
|
-
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_CLICK, () => this.clickaway(this.core.activeContainer.$el[0]));
|
|
52270
52271
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
|
|
52271
52272
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PROGRESS, this.updateProgressBar);
|
|
52272
52273
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_SETTINGSUPDATE, this.updateSettings);
|
|
@@ -52280,12 +52281,10 @@ class MediaControl extends UICorePlugin {
|
|
|
52280
52281
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_LOADEDMETADATA, this.onLoadedMetadata);
|
|
52281
52282
|
this.listenTo(this.core, Events$1.CONTAINER_DESTROYED, () => {
|
|
52282
52283
|
this.cancelRenderTimer();
|
|
52284
|
+
this.setKeepVisible(false);
|
|
52283
52285
|
});
|
|
52284
52286
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_MOUSE_ENTER, this.show);
|
|
52285
52287
|
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_MOUSE_LEAVE, this.delayHide);
|
|
52286
|
-
this.listenTo(this.core.activeContainer, Events$1.CONTAINER_DESTROYED, () => {
|
|
52287
|
-
this.clickaway(null);
|
|
52288
|
-
});
|
|
52289
52288
|
}
|
|
52290
52289
|
/**
|
|
52291
52290
|
* Hides the media control UI
|
|
@@ -52416,7 +52415,7 @@ class MediaControl extends UICorePlugin {
|
|
|
52416
52415
|
this.$playPauseToggle?.append(playIcon);
|
|
52417
52416
|
this.$playStopToggle?.append(playIcon);
|
|
52418
52417
|
this.trigger(Events$1.MEDIACONTROL_NOTPLAYING);
|
|
52419
|
-
if (
|
|
52418
|
+
if (isMobile()) {
|
|
52420
52419
|
this.show();
|
|
52421
52420
|
}
|
|
52422
52421
|
}
|
|
@@ -52462,14 +52461,14 @@ class MediaControl extends UICorePlugin {
|
|
|
52462
52461
|
width: this.container.$el.width(),
|
|
52463
52462
|
height: this.container.$el.height(),
|
|
52464
52463
|
hideVolumeBar: this.options.hideVolumeBar,
|
|
52465
|
-
isMobile:
|
|
52464
|
+
isMobile: isMobile(),
|
|
52466
52465
|
});
|
|
52467
52466
|
try {
|
|
52468
52467
|
const skinWidth = this.container.$el.width() || size.width;
|
|
52469
52468
|
if (skinWidth <= 370 || this.options.hideVolumeBar) {
|
|
52470
52469
|
this.$el.addClass('w370');
|
|
52471
52470
|
}
|
|
52472
|
-
if (skinWidth <= 270 && !
|
|
52471
|
+
if (skinWidth <= 270 && !isMobile()) {
|
|
52473
52472
|
this.verticalVolume = true;
|
|
52474
52473
|
this.$el.addClass('w270');
|
|
52475
52474
|
}
|
|
@@ -52482,6 +52481,15 @@ class MediaControl extends UICorePlugin {
|
|
|
52482
52481
|
this.container.isPlaying() ? this.container.pause() : this.container.play();
|
|
52483
52482
|
return false;
|
|
52484
52483
|
}
|
|
52484
|
+
play() {
|
|
52485
|
+
this.container && this.container.play();
|
|
52486
|
+
}
|
|
52487
|
+
pause() {
|
|
52488
|
+
this.container && this.container.pause();
|
|
52489
|
+
}
|
|
52490
|
+
stop() {
|
|
52491
|
+
this.container && this.container.stop();
|
|
52492
|
+
}
|
|
52485
52493
|
togglePlayStop() {
|
|
52486
52494
|
this.container.isPlaying()
|
|
52487
52495
|
? this.container.stop({ ui: true })
|
|
@@ -52582,11 +52590,11 @@ class MediaControl extends UICorePlugin {
|
|
|
52582
52590
|
}
|
|
52583
52591
|
}
|
|
52584
52592
|
toggleFullscreen() {
|
|
52585
|
-
if (!
|
|
52593
|
+
if (!isMobile()) {
|
|
52586
52594
|
this.trigger(Events$1.MEDIACONTROL_FULLSCREEN, this.name);
|
|
52587
52595
|
this.core.activeContainer.fullscreen();
|
|
52588
52596
|
this.core.toggleFullscreen();
|
|
52589
|
-
this.resetUserKeepVisible()
|
|
52597
|
+
// this.resetUserKeepVisible()
|
|
52590
52598
|
}
|
|
52591
52599
|
}
|
|
52592
52600
|
onActiveContainerChanged() {
|
|
@@ -52707,13 +52715,6 @@ class MediaControl extends UICorePlugin {
|
|
|
52707
52715
|
this.core.activeContainer && this.core.activeContainer.seekPercentage(pos);
|
|
52708
52716
|
this.setSeekPercentage(pos);
|
|
52709
52717
|
}
|
|
52710
|
-
setUserKeepVisible(e) {
|
|
52711
|
-
this.userKeepVisible = true;
|
|
52712
|
-
this.clickaway(this.core.activeContainer.$el[0]);
|
|
52713
|
-
}
|
|
52714
|
-
resetUserKeepVisible = (e) => {
|
|
52715
|
-
this.userKeepVisible = false;
|
|
52716
|
-
};
|
|
52717
52718
|
isVisible() {
|
|
52718
52719
|
return !this.$el.hasClass('media-control-hide');
|
|
52719
52720
|
}
|
|
@@ -52721,7 +52722,6 @@ class MediaControl extends UICorePlugin {
|
|
|
52721
52722
|
if (this.disabled || this.options.disableControlPanel) {
|
|
52722
52723
|
return;
|
|
52723
52724
|
}
|
|
52724
|
-
const timeout = DEFAULT_HIDE_DELAY;
|
|
52725
52725
|
const mousePointerMoved = event &&
|
|
52726
52726
|
event.clientX !== this.lastMouseX &&
|
|
52727
52727
|
event.clientY !== this.lastMouseY;
|
|
@@ -52730,26 +52730,25 @@ class MediaControl extends UICorePlugin {
|
|
|
52730
52730
|
clearTimeout(this.hideId);
|
|
52731
52731
|
this.hideId = null;
|
|
52732
52732
|
}
|
|
52733
|
+
this.hideId = setTimeout(() => this.hide(), DEFAULT_HIDE_DELAY);
|
|
52733
52734
|
this.$el.show();
|
|
52734
52735
|
this.trigger(Events$1.MEDIACONTROL_SHOW, this.name);
|
|
52735
52736
|
this.core.activeContainer?.trigger(Events$1.CONTAINER_MEDIACONTROL_SHOW, this.name);
|
|
52736
52737
|
this.$el.removeClass('media-control-hide');
|
|
52737
|
-
this.hideId = setTimeout(() => this.hide(), timeout);
|
|
52738
52738
|
if (event) {
|
|
52739
52739
|
this.lastMouseX = event.clientX;
|
|
52740
52740
|
this.lastMouseY = event.clientY;
|
|
52741
52741
|
}
|
|
52742
52742
|
}
|
|
52743
|
-
|
|
52744
|
-
this.updateCursorStyle(showing);
|
|
52743
|
+
this.updateCursorStyle(true);
|
|
52745
52744
|
}
|
|
52746
52745
|
hide(delay = 0) {
|
|
52747
52746
|
if (!this.isVisible()) {
|
|
52748
52747
|
return;
|
|
52749
52748
|
}
|
|
52750
|
-
const timeout = delay || 2000;
|
|
52751
52749
|
if (this.hideId !== null) {
|
|
52752
52750
|
clearTimeout(this.hideId);
|
|
52751
|
+
this.hideId = null;
|
|
52753
52752
|
}
|
|
52754
52753
|
if (!this.disabled && this.options.hideMediaControl === false) {
|
|
52755
52754
|
return;
|
|
@@ -52758,7 +52757,7 @@ class MediaControl extends UICorePlugin {
|
|
|
52758
52757
|
const hasDraggingAction = this.draggingSeekBar || this.draggingVolumeBar;
|
|
52759
52758
|
if (!this.disabled &&
|
|
52760
52759
|
(delay || hasKeepVisibleRequested || hasDraggingAction)) {
|
|
52761
|
-
this.hideId = setTimeout(() => this.hide(),
|
|
52760
|
+
this.hideId = setTimeout(() => this.hide(), delay || 2000);
|
|
52762
52761
|
}
|
|
52763
52762
|
else {
|
|
52764
52763
|
if (!this.options.controlsDontHide || isFullscreen(this.container.el)) {
|
|
@@ -52893,19 +52892,13 @@ class MediaControl extends UICorePlugin {
|
|
|
52893
52892
|
/**
|
|
52894
52893
|
* Set or reset the keep visibility state
|
|
52895
52894
|
*
|
|
52896
|
-
* Keep visibility state controls whether the media control is hidden automatically after a delay.
|
|
52897
|
-
* Keep visibility prevents the the auto-hide behaviour
|
|
52895
|
+
* Keep visibility state controls whether the media control is hidden automatically after a delay, which is a default behaviour.
|
|
52898
52896
|
*
|
|
52899
52897
|
* @param keepVisible - The state
|
|
52900
52898
|
*/
|
|
52901
52899
|
setKeepVisible(keepVisible) {
|
|
52902
52900
|
this.keepVisible = keepVisible;
|
|
52903
|
-
|
|
52904
|
-
this.clickaway(this.core.activeContainer.$el[0]);
|
|
52905
|
-
}
|
|
52906
|
-
else {
|
|
52907
|
-
this.clickaway(null);
|
|
52908
|
-
}
|
|
52901
|
+
this.clickaway(keepVisible ? this.core.activeContainer.$el[0] : null);
|
|
52909
52902
|
}
|
|
52910
52903
|
getMountParent(name) {
|
|
52911
52904
|
switch (name) {
|
|
@@ -52986,7 +52979,7 @@ class MediaControl extends UICorePlugin {
|
|
|
52986
52979
|
});
|
|
52987
52980
|
}
|
|
52988
52981
|
bindKeyEvents() {
|
|
52989
|
-
if (
|
|
52982
|
+
if (isMobile() || this.options.disableKeyboardShortcuts) {
|
|
52990
52983
|
return;
|
|
52991
52984
|
}
|
|
52992
52985
|
this.unbindKeyEvents();
|
|
@@ -53073,6 +53066,7 @@ class MediaControl extends UICorePlugin {
|
|
|
53073
53066
|
* @internal
|
|
53074
53067
|
*/
|
|
53075
53068
|
destroy() {
|
|
53069
|
+
this.cancelTimers();
|
|
53076
53070
|
this.cancelRenderTimer();
|
|
53077
53071
|
$(document).unbind('mouseup', this.stopDrag);
|
|
53078
53072
|
$(document).unbind('mousemove', this.updateDrag);
|
|
@@ -53081,6 +53075,17 @@ class MediaControl extends UICorePlugin {
|
|
|
53081
53075
|
this.unbindKeyEvents();
|
|
53082
53076
|
return super.destroy();
|
|
53083
53077
|
}
|
|
53078
|
+
cancelTimers() {
|
|
53079
|
+
if (this.hideId !== null) {
|
|
53080
|
+
clearTimeout(this.hideId);
|
|
53081
|
+
this.hideId = null;
|
|
53082
|
+
}
|
|
53083
|
+
if (this.hideVolumeId !== null) {
|
|
53084
|
+
clearTimeout(this.hideVolumeId);
|
|
53085
|
+
this.hideVolumeId = null;
|
|
53086
|
+
}
|
|
53087
|
+
this.cancelRenderTimer();
|
|
53088
|
+
}
|
|
53084
53089
|
cancelRenderTimer() {
|
|
53085
53090
|
if (this.renderTimerId) {
|
|
53086
53091
|
clearTimeout(this.renderTimerId);
|
|
@@ -53110,7 +53115,7 @@ class MediaControl extends UICorePlugin {
|
|
|
53110
53115
|
}
|
|
53111
53116
|
// Video volume cannot be changed with Safari on mobile devices
|
|
53112
53117
|
// Display mute/unmute icon only if Safari version >= 10
|
|
53113
|
-
if (Browser.isSafari &&
|
|
53118
|
+
if (Browser.isSafari && isMobile()) {
|
|
53114
53119
|
if (Browser.version < 10) {
|
|
53115
53120
|
this.$volumeContainer?.css({ display: 'none' });
|
|
53116
53121
|
}
|
|
@@ -53127,7 +53132,7 @@ class MediaControl extends UICorePlugin {
|
|
|
53127
53132
|
setTimeout(() => {
|
|
53128
53133
|
!this.settings.seekEnabled &&
|
|
53129
53134
|
this.$seekBarContainer?.addClass('seek-disabled');
|
|
53130
|
-
!
|
|
53135
|
+
!isMobile() &&
|
|
53131
53136
|
!this.options.disableKeyboardShortcuts &&
|
|
53132
53137
|
this.bindKeyEvents();
|
|
53133
53138
|
this.playerResize({
|
|
@@ -53151,6 +53156,7 @@ class MediaControl extends UICorePlugin {
|
|
|
53151
53156
|
this.container.fullscreen();
|
|
53152
53157
|
// TODO: fix after it full screen will be fixed on iOS
|
|
53153
53158
|
if (Browser.isiOS) {
|
|
53159
|
+
// TODO use isFullscreen utility function
|
|
53154
53160
|
if (this.core.isFullscreen()) {
|
|
53155
53161
|
Fullscreen.cancelFullscreen(this.core.el);
|
|
53156
53162
|
}
|
|
@@ -53161,7 +53167,6 @@ class MediaControl extends UICorePlugin {
|
|
|
53161
53167
|
else {
|
|
53162
53168
|
this.core.toggleFullscreen();
|
|
53163
53169
|
}
|
|
53164
|
-
this.resetUserKeepVisible();
|
|
53165
53170
|
}
|
|
53166
53171
|
static getPageX(event) {
|
|
53167
53172
|
return getPageX(event);
|
|
@@ -53206,7 +53211,7 @@ class MediaControl extends UICorePlugin {
|
|
|
53206
53211
|
delayHide() {
|
|
53207
53212
|
this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY);
|
|
53208
53213
|
}
|
|
53209
|
-
clickaway = mediaControlClickaway(() => this.
|
|
53214
|
+
clickaway = mediaControlClickaway(() => this.setKeepVisible(false));
|
|
53210
53215
|
}
|
|
53211
53216
|
MediaControl.extend = function (properties) {
|
|
53212
53217
|
return extend(MediaControl, properties);
|
|
@@ -190,8 +190,6 @@ export declare class MediaControl extends UICorePlugin {
|
|
|
190
190
|
'touchmove .bar-container[data-seekbar]': string;
|
|
191
191
|
'mouseleave .bar-container[data-seekbar]': string;
|
|
192
192
|
'touchend .bar-container[data-seekbar]': string;
|
|
193
|
-
'mouseenter .media-control-layer[data-controls]': string;
|
|
194
|
-
'mouseleave .media-control-layer[data-controls]': string;
|
|
195
193
|
};
|
|
196
194
|
get currentSeekPos(): number;
|
|
197
195
|
/**
|
|
@@ -249,6 +247,9 @@ export declare class MediaControl extends UICorePlugin {
|
|
|
249
247
|
private mousemoveOnVolumeBar;
|
|
250
248
|
private playerResize;
|
|
251
249
|
private togglePlayPause;
|
|
250
|
+
private play;
|
|
251
|
+
private pause;
|
|
252
|
+
private stop;
|
|
252
253
|
private togglePlayStop;
|
|
253
254
|
private startSeekDrag;
|
|
254
255
|
private startVolumeDrag;
|
|
@@ -274,8 +275,6 @@ export declare class MediaControl extends UICorePlugin {
|
|
|
274
275
|
private renderSeekBar;
|
|
275
276
|
private drawDurationAndPosition;
|
|
276
277
|
private seek;
|
|
277
|
-
private setUserKeepVisible;
|
|
278
|
-
private resetUserKeepVisible;
|
|
279
278
|
private isVisible;
|
|
280
279
|
private show;
|
|
281
280
|
private hide;
|
|
@@ -334,8 +333,7 @@ export declare class MediaControl extends UICorePlugin {
|
|
|
334
333
|
/**
|
|
335
334
|
* Set or reset the keep visibility state
|
|
336
335
|
*
|
|
337
|
-
* Keep visibility state controls whether the media control is hidden automatically after a delay.
|
|
338
|
-
* Keep visibility prevents the the auto-hide behaviour
|
|
336
|
+
* Keep visibility state controls whether the media control is hidden automatically after a delay, which is a default behaviour.
|
|
339
337
|
*
|
|
340
338
|
* @param keepVisible - The state
|
|
341
339
|
*/
|
|
@@ -363,6 +361,7 @@ export declare class MediaControl extends UICorePlugin {
|
|
|
363
361
|
* @internal
|
|
364
362
|
*/
|
|
365
363
|
destroy(): import("@clappr/core").UIObject;
|
|
364
|
+
private cancelTimers;
|
|
366
365
|
private cancelRenderTimer;
|
|
367
366
|
private configure;
|
|
368
367
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaControl.d.ts","sourceRoot":"","sources":["../../../src/plugins/media-control/MediaControl.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,YAAY,EAMZ,IAAI,EACL,MAAM,cAAc,CAAA;AASrB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"MediaControl.d.ts","sourceRoot":"","sources":["../../../src/plugins/media-control/MediaControl.ts"],"names":[],"mappings":"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"}
|