cloudinary-video-player 2.0.2-edge.2 → 2.0.2

package/lib/chapters.js

@@ -1,2 +1,2 @@
-(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{360:(t,e,n)=>{n.d(e,{default:()=>g});var r=n(7938),a=n.n(r),o=n(5292),s=n.n(o),i=n(9893),c=n.n(i),p=n(9383),l=n.n(p),d=n(6884),h=n.n(d),A=n(9088),u=n.n(A),y=n(7997),f=n.n(y),v=n(3547),m={};m.styleTagTransform=f(),m.setAttributes=h(),m.insert=l().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=u(),s()(v.A,m),v.A&&v.A.locals&&v.A.locals;var C=n(8033);const b=function(){function t(t,e){return this.player=t,this.options=e,this.player.one("loadedmetadata",this.initializeChapters.bind(this)),this}return t.prototype.src=function(t){this.resetPlugin(),this.options=t,this.player.one("loadedmetadata",this.initializeChapters.bind(this))},t.prototype.detach=function(){this.resetPlugin()},t.prototype.resetPlugin=function(){this.chaptersTrack&&(this.player.$(".vjs-control-bar-chapter-display").remove(),this.player.$(".vjs-chapter-display").remove(),this.player.$$(".vjs-chapter-marker").forEach((t=>t.remove())),this.player.removeRemoteTextTrack(this.chaptersTrack),delete this.chaptersTrack)},t.prototype.getChaptersFileUrlByName=function(){const t=this.player.cloudinary.currentPublicId();if(!t)return null;const e=(0,C.KA)("".concat(t,"-chapters.vtt"),(0,C.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}));return"".concat(e,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},n=this.player.addRemoteTextTrack(e);n.addEventListener("load",(()=>{this.chaptersTrack=n.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0});await new Promise((t=>setTimeout(t,100)));const e=this.player.duration();Object.entries(this.options).forEach(((n,r,a)=>{const o=new VTTCue(parseFloat(n[0]),parseFloat(a[r+1]?a[r+1][0]:e),n[1]);t.track.addCue(o)})),this.chaptersTrack=t.track,this.setupChaptersDisplays(),this.player.controlBar.chaptersButton&&this.player.controlBar.chaptersButton.update()}},t.prototype.setupChaptersDisplays=function(){this.setupProgressBarMarkers(),this.setupProgressBarChapter(),this.setupControlBarChapter()},t.prototype.setupControlBarChapter=function(){const t=this.player.$(".vjs-control-bar-chapter-display")||document.createElement("div");t.setAttribute("class","vjs-control-bar-chapter-display");const e=this.player.$(".vjs-control-bar .vjs-spacer");e.innerHTML="",e.classList.add("vjs-control-bar-chapter-wrapper"),e.appendChild(t),this.chaptersTrack.addEventListener("cuechange",(()=>{const e=Array.from(this.chaptersTrack.activeCues);t.innerHTML=e.length>0?e[0].text:""}))},t.prototype.setupProgressBarMarkers=function(){const t=this.player.duration(),{seekBar:e}=this.player.controlBar.progressControl;Array.from(this.chaptersTrack.cues).forEach((n=>{if(0!==n.startTime){const r=n.startTime/t*100+"%",o=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(r)});e.el().append(o)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),n=e.getDescendant(["timeTooltip"]);n.el().parentElement.prepend(t);const r=t=>{const e=t*this.player.duration(),n=Array.from(this.chaptersTrack.cues).find((t=>e>=t.startTime&&e<=t.endTime));return n?n.text:""};n.update=function(e,n,a){Object.getPrototypeOf(this).update.call(this,e,n,a),t.innerHTML=r(n)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,r){const o=r*this.player_.duration(),s=e.width,i=t.clientWidth/2;n.updateTime(e,r,o,(()=>{e.width*r<i?this.el_.style.left="".concat(i,"px"):e.width*r+i>s?this.el_.style.left="".concat(e.width-i,"px"):this.el_.style.left="".concat(e.width*r,"px")})),n.write(a().time.formatTime(o))})},t}(),g=function(t,e){e.addClass("vjs-chapters"),e.chapters=new b(e,t)}},3547:(t,e,n)=>{n.d(e,{A:()=>i});var r=n(4942),a=n.n(r),o=n(278),s=n.n(o)()(a());s.push([t.id,'.cld-video-player .vjs-control-bar-chapter-wrapper{display:flex;align-items:center;container-type:inline-size}.cld-video-player .vjs-control-bar-chapter-display{line-height:1.5;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5em}.cld-video-player .vjs-control-bar-chapter-display:not(:empty)::before{content:"•";padding-right:.5em}@container (max-width: 150px){.cld-video-player .vjs-control-bar-chapter-display{display:none}}.cld-video-player .vjs-chapter-marker{pointer-events:none;position:absolute;background:var(--color-base);width:4px;top:0;bottom:0;opacity:.5;z-index:1}.cld-video-player .vjs-chapter-display{pointer-events:none;line-height:1.5;font-size:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(-50%);bottom:2.7em;position:absolute;text-shadow:0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent)}.cld-video-player .vjs-chapter-display:not(:empty)~.vjs-vtt-thumbnail-display{bottom:4em}.cld-video-player .vjs-time-tooltip{right:auto !important;translate:-50%}',"",{version:3,sources:["webpack://./plugins/chapters/chapters.scss"],names:[],mappings:"AAAA,mDACE,YACE,CAAA,kBACA,CAAA,0BACA,CAAA,mDAEF,eACE,CAAA,aACA,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,cACA,CAAA,uEACA,WACE,CAAA,kBACA,CAAA,8BAEF,mDAXF,YAYI,CAAA,CAAA,sCAIJ,mBACE,CAAA,iBACA,CAAA,4BACA,CAAA,SACA,CAAA,KACA,CAAA,QACA,CAAA,UACA,CAAA,SACA,CAAA,uCAGF,mBACE,CAAA,eACA,CAAA,aACA,CAAA,kBACA,CAAA,eACA,CAAA,sBACA,CAAA,0BACA,CAAA,YACA,CAAA,iBACA,CAAA,0EACA,CAAA,8EACA,UACE,CAAA,oCAIJ,qBACE,CAAA,cACA",sourcesContent:[".cld-video-player {\n  .vjs-control-bar-chapter-wrapper {\n    display: flex;\n    align-items: center;\n    container-type: inline-size;\n  }\n  .vjs-control-bar-chapter-display {\n    line-height: 1.5;\n    font-size: 90%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: 0 0.5em;\n    &:not(:empty)::before {\n      content: '•';\n      padding-right: 0.5em;\n    }\n    @container (max-width: 150px) {\n      display: none;\n    }\n  }\n\n  .vjs-chapter-marker {\n    pointer-events: none;\n    position: absolute;\n    background: var(--color-base);\n    width: 4px;\n    top: 0;\n    bottom: 0;\n    opacity: 0.5;\n    z-index: 1;\n  }\n\n  .vjs-chapter-display {\n    pointer-events: none;\n    line-height: 1.5;\n    font-size: 90%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform: translateX(-50%);\n    bottom: 2.7em;\n    position: absolute;\n    text-shadow: 0 0 4px color-mix(in srgb, var(--color-base) 40%, transparent);\n    &:not(:empty) ~ .vjs-vtt-thumbnail-display {\n      bottom: 4em;\n    }\n  }\n\n  .vjs-time-tooltip {\n    right: auto !important;\n    translate: -50%;\n  }\n}\n"],sourceRoot:""}]);const i=s},278:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,a,o){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var p=0;p<t.length;p++){var l=[].concat(t[p]);r&&s[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),a&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=a):l[4]="".concat(a)),e.push(l))}},e}},4942:t=>{t.exports=function(t){var e=t[1],n=t[3];if(!n)return e;if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),o="/*# ".concat(a," */");return[e].concat([o]).join("\n")}return[e].join("\n")}},5292:t=>{var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var o={},s=[],i=0;i<t.length;i++){var c=t[i],p=r.base?c[0]+r.base:c[0],l=o[p]||0,d="".concat(p," ").concat(l);o[p]=l+1;var h=n(d),A={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==h)e[h].references++,e[h].updater(A);else{var u=a(A,r);r.byIndex=i,e.splice(i,0,{identifier:d,updater:u,references:1})}s.push(d)}return s}function a(t,e){var n=e.domAPI(e);return n.update(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,a){var o=r(t=t||[],a=a||{});return function(t){t=t||[];for(var s=0;s<o.length;s++){var i=n(o[s]);e[i].references--}for(var c=r(t,a),p=0;p<o.length;p++){var l=n(o[p]);0===e[l].references&&(e[l].updater(),e.splice(l,1))}o=c}}},9383:t=>{var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},9088:t=>{t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},6884:(t,e,n)=>{t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},9893:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,a&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},7997:t=>{t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}}}]);
+(self.cloudinaryVideoPlayerChunkLoading=self.cloudinaryVideoPlayerChunkLoading||[]).push([[625],{9234:(t,e,r)=>{r.d(e,{default:()=>n});var s=r(7938),a=r.n(s),i=r(8033);const o=function(){function t(t,e){return this.player=t,this.options=e,this.player.one("loadedmetadata",this.initializeChapters.bind(this)),this}return t.prototype.src=function(t){this.resetPlugin(),this.options=t,this.player.one("loadedmetadata",this.initializeChapters.bind(this))},t.prototype.detach=function(){this.resetPlugin()},t.prototype.resetPlugin=function(){this.chaptersTrack&&(this.player.$(".vjs-control-bar-chapter-display").remove(),this.player.$(".vjs-chapter-display").remove(),this.player.$$(".vjs-chapter-marker").forEach((t=>t.remove())),this.player.removeRemoteTextTrack(this.chaptersTrack),delete this.chaptersTrack)},t.prototype.getChaptersFileUrlByName=function(){const t=this.player.cloudinary.currentPublicId();if(!t)return null;const e=(0,i.KA)("".concat(t,"-chapters.vtt"),(0,i.lP)(this.player.cloudinary.cloudinaryConfig(),{resource_type:"raw",version:"1"}));return"".concat(e,"?t=").concat(Date.now())},t.prototype.initializeChapters=async function(){const t=!0===this.options?this.getChaptersFileUrlByName():this.options.url;if(t){const e={kind:"chapters",src:t,default:!0},r=this.player.addRemoteTextTrack(e);r.addEventListener("load",(()=>{this.chaptersTrack=r.track,this.setupChaptersDisplays()}))}else if(Object.entries(this.options).length){const t=this.player.addRemoteTextTrack({kind:"chapters",default:!0});await new Promise((t=>setTimeout(t,100)));const e=this.player.duration();Object.entries(this.options).forEach(((r,s,a)=>{const i=new VTTCue(parseFloat(r[0]),parseFloat(a[s+1]?a[s+1][0]:e),r[1]);t.track.addCue(i)})),this.chaptersTrack=t.track,this.setupChaptersDisplays(),this.player.controlBar.chaptersButton&&this.player.controlBar.chaptersButton.update()}},t.prototype.setupChaptersDisplays=function(){this.setupProgressBarMarkers(),this.setupProgressBarChapter(),this.setupControlBarChapter()},t.prototype.setupControlBarChapter=function(){const t=this.player.$(".vjs-control-bar-chapter-display")||document.createElement("div");t.setAttribute("class","vjs-control-bar-chapter-display");const e=this.player.$(".vjs-control-bar .vjs-spacer");e.innerHTML="",e.classList.add("vjs-control-bar-chapter-wrapper"),e.appendChild(t),this.chaptersTrack.addEventListener("cuechange",(()=>{const e=Array.from(this.chaptersTrack.activeCues);t.innerHTML=e.length>0?e[0].text:""}))},t.prototype.setupProgressBarMarkers=function(){const t=this.player.duration(),{seekBar:e}=this.player.controlBar.progressControl;Array.from(this.chaptersTrack.cues).forEach((r=>{if(0!==r.startTime){const s=r.startTime/t*100+"%",i=a().dom.createEl("div",void 0,{class:"vjs-chapter-marker",style:"left: ".concat(s)});e.el().append(i)}}))},t.prototype.setupProgressBarChapter=function(){const t=a().dom.createEl("div",void 0,{class:"vjs-chapter-display",style:"max-width: ".concat(this.player.$(".vjs-vtt-thumbnail-display")?this.player.$(".vjs-vtt-thumbnail-display").style.width:"160px")}),e=this.player.getDescendant(["controlBar","progressControl","seekBar","mouseTimeDisplay"]),r=e.getDescendant(["timeTooltip"]);r.el().parentElement.prepend(t);const s=t=>{const e=t*this.player.duration(),r=Array.from(this.chaptersTrack.cues).find((t=>e>=t.startTime&&e<=t.endTime));return r?r.text:""};r.update=function(e,r,a){Object.getPrototypeOf(this).update.call(this,e,r,a),t.innerHTML=s(r)},"object"!=typeof this.player.vttThumbnails&&(e.update=function(e,s){const i=s*this.player_.duration(),o=e.width,n=t.clientWidth/2;r.updateTime(e,s,i,(()=>{e.width*s<n?this.el_.style.left="".concat(n,"px"):e.width*s+n>o?this.el_.style.left="".concat(e.width-n,"px"):this.el_.style.left="".concat(e.width*s,"px")})),r.write(a().time.formatTime(i))})},t}(),n=function(t,e){e.addClass("vjs-chapters"),e.chapters=new o(e,t)}}}]);
 //# sourceMappingURL=chapters.js.map