@universal-web-video-player/player-web-component 0.5.0 → 0.5.2
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/index.cjs +1 -1
- package/dist/index.global.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1223,4 +1223,4 @@
|
|
|
1223
1223
|
<span class="check-mark"></span>
|
|
1224
1224
|
</div>
|
|
1225
1225
|
</div>
|
|
1226
|
-
`,this.settingsAspectScreen.querySelector(".back-button")?.addEventListener("click",()=>this.switchMenuScreen("main"));let e=this.settingsAspectScreen.querySelectorAll(".settings-option"),s=this.core.getScaleMode();e.forEach(i=>{let o=i.dataset.mode;o===s&&i.classList.add("active"),i.addEventListener("click",()=>{this.core.setScaleMode(o),this.switchMenuScreen("main")})})}refreshScaleModeUi(){let t=this.core.getScaleMode();this.shellEl.classList.remove("scale-fit","scale-fill","scale-zoom"),this.shellEl.classList.add(`scale-${t}`),this.settingsMenu.querySelectorAll(".aspect-item").forEach(s=>{let i=s.dataset.mode;s.classList.toggle("active",i===t)});let e=this.shadowRootRef.querySelector(".current-aspect-value");if(e){let s={fit:"Fit",fill:"Stretch",zoom:"Zoom"};e.textContent=s[t]||"Fit"}}renderStaticIcons(){this.setButtonIcon(this.centerPrevButton,"skip-back"),this.setButtonIcon(this.centerNextButton,"skip-forward"),this.setButtonIcon(this.centerPlayPauseButton,"play"),this.setButtonIcon(this.controlPrevButton,"skip-back","20"),this.setButtonIcon(this.controlNextButton,"skip-forward","20"),this.setButtonIcon(this.muteButton,"volume-2","20"),this.setButtonIcon(this.settingsButton,"settings","20"),this.setButtonIcon(this.fullscreenButton,"maximize","20"),this.setButtonIcon(this.playlistButton,"list","20"),this.setButtonIcon(this.playlistCloseButton,"x","20"),this.setButtonIcon(this.aspectShortcut,"
|
|
1226
|
+
`,this.settingsAspectScreen.querySelector(".back-button")?.addEventListener("click",()=>this.switchMenuScreen("main"));let e=this.settingsAspectScreen.querySelectorAll(".settings-option"),s=this.core.getScaleMode();e.forEach(i=>{let o=i.dataset.mode;o===s&&i.classList.add("active"),i.addEventListener("click",()=>{this.core.setScaleMode(o),this.switchMenuScreen("main")})})}refreshScaleModeUi(){let t=this.core.getScaleMode();this.shellEl.classList.remove("scale-fit","scale-fill","scale-zoom"),this.shellEl.classList.add(`scale-${t}`),this.settingsMenu.querySelectorAll(".aspect-item").forEach(s=>{let i=s.dataset.mode;s.classList.toggle("active",i===t)});let e=this.shadowRootRef.querySelector(".current-aspect-value");if(e){let s={fit:"Fit",fill:"Stretch",zoom:"Zoom"};e.textContent=s[t]||"Fit"}}renderStaticIcons(){this.setButtonIcon(this.centerPrevButton,"skip-back"),this.setButtonIcon(this.centerNextButton,"skip-forward"),this.setButtonIcon(this.centerPlayPauseButton,"play"),this.setButtonIcon(this.controlPrevButton,"skip-back","20"),this.setButtonIcon(this.controlNextButton,"skip-forward","20"),this.setButtonIcon(this.muteButton,"volume-2","20"),this.setButtonIcon(this.settingsButton,"settings","20"),this.setButtonIcon(this.fullscreenButton,"maximize","20"),this.setButtonIcon(this.playlistButton,"list","20"),this.setButtonIcon(this.playlistCloseButton,"x","20"),this.setButtonIcon(this.aspectShortcut,"crop","20"),this.refreshLockButtonIcon();let t=(s,i,o="18")=>{this.settingsMenu.querySelectorAll(s).forEach(n=>{n.innerHTML=c.icons[i].toSvg({width:o,height:o,"stroke-width":"2"})})};t(".icon-quality","monitor"),t(".icon-speed","fast-forward"),t(".icon-aspect","crop"),t(".icon-play","play"),t(".icon-repeat","repeat"),t(".icon-arrow-left","arrow-left","20"),this.settingsMenu.querySelectorAll(".icon-chevron-right").forEach(s=>{s.innerHTML=c.icons["chevron-right"].toSvg({width:"16",height:"16","stroke-width":"2.5"})});let e=this.settingsMenu.querySelector(".download-icon");e&&(e.innerHTML=c.icons.download.toSvg({width:"16",height:"16","stroke-width":"2.5"})),this.settingsMenu.querySelectorAll(".check").forEach(s=>{s.innerHTML=c.icons.check.toSvg({width:"16",height:"16","stroke-width":"2.5"})})}setButtonIcon(t,e,s="26"){if(!t)return;let i=c.icons[e];if(!i)return;let o=t.querySelectorAll('[class^="icon-placeholder"]');o.length>0?o.forEach(n=>{n.innerHTML=i.toSvg({width:s,height:s,"stroke-width":"2.2"})}):t.innerHTML=i.toSvg({width:s,height:s,"stroke-width":"2.2"})}refreshLockButtonIcon(){let t=this.isLocked?"lock":"unlock";this.setButtonIcon(this.lockButton,t)}updateSpeedUi(t){let e=[.5,1,1.5,2].includes(t)?t:1,s=this.settingsMenu.querySelector(".current-speed-value");s&&(s.textContent=`${e}x`),this.settingsMenu.querySelectorAll(".speed-item").forEach(i=>{let o=Number(i.dataset.rate);i.classList.toggle("active",o===e)})}getBufferedPercent(t,e){if(!t||!Number.isFinite(t)||t<=0)return 0;let s=this.videoEl.buffered;if(!s||s.length===0)return 0;let i=0;for(let o=0;o<s.length;o+=1){let n=s.start(o),a=s.end(o);e>=n&&e<=a,i=Math.max(i,a)}return Math.max(0,Math.min(100,i/t*100))}startProgressLoop(){this.stopProgressLoop();let t=()=>{if(this.videoEl.paused||this.videoEl.ended){this.progressRafId=null;return}this.handleVideoProgress(),this.progressRafId=window.requestAnimationFrame(t)};this.progressRafId=window.requestAnimationFrame(t)}stopProgressLoop(){this.progressRafId!=null&&(window.cancelAnimationFrame(this.progressRafId),this.progressRafId=null)}};function v(r=L){customElements.get(r)||customElements.define(r,h)}typeof window<"u"&&v();0&&(module.exports={UvpPlayerElement,defineUvpPlayerElement});
|
package/dist/index.global.js
CHANGED
|
@@ -1285,7 +1285,7 @@ Char: `+L[G])}return G+1&&(G+=1),U}if(L.charCodeAt(G+1)===M){G=L.indexOf(de,G),G
|
|
|
1285
1285
|
<span class="check-mark"></span>
|
|
1286
1286
|
</div>
|
|
1287
1287
|
</div>
|
|
1288
|
-
`,this.settingsAspectScreen.querySelector(".back-button")?.addEventListener("click",()=>this.switchMenuScreen("main"));let n=this.settingsAspectScreen.querySelectorAll(".settings-option"),i=this.core.getScaleMode();n.forEach(r=>{let o=r.dataset.mode;o===i&&r.classList.add("active"),r.addEventListener("click",()=>{this.core.setScaleMode(o),this.switchMenuScreen("main")})})}refreshScaleModeUi(){let t=this.core.getScaleMode();this.shellEl.classList.remove("scale-fit","scale-fill","scale-zoom"),this.shellEl.classList.add(`scale-${t}`),this.settingsMenu.querySelectorAll(".aspect-item").forEach(i=>{let r=i.dataset.mode;i.classList.toggle("active",r===t)});let n=this.shadowRootRef.querySelector(".current-aspect-value");if(n){let i={fit:"Fit",fill:"Stretch",zoom:"Zoom"};n.textContent=i[t]||"Fit"}}renderStaticIcons(){this.setButtonIcon(this.centerPrevButton,"skip-back"),this.setButtonIcon(this.centerNextButton,"skip-forward"),this.setButtonIcon(this.centerPlayPauseButton,"play"),this.setButtonIcon(this.controlPrevButton,"skip-back","20"),this.setButtonIcon(this.controlNextButton,"skip-forward","20"),this.setButtonIcon(this.muteButton,"volume-2","20"),this.setButtonIcon(this.settingsButton,"settings","20"),this.setButtonIcon(this.fullscreenButton,"maximize","20"),this.setButtonIcon(this.playlistButton,"list","20"),this.setButtonIcon(this.playlistCloseButton,"x","20"),this.setButtonIcon(this.aspectShortcut,"
|
|
1288
|
+
`,this.settingsAspectScreen.querySelector(".back-button")?.addEventListener("click",()=>this.switchMenuScreen("main"));let n=this.settingsAspectScreen.querySelectorAll(".settings-option"),i=this.core.getScaleMode();n.forEach(r=>{let o=r.dataset.mode;o===i&&r.classList.add("active"),r.addEventListener("click",()=>{this.core.setScaleMode(o),this.switchMenuScreen("main")})})}refreshScaleModeUi(){let t=this.core.getScaleMode();this.shellEl.classList.remove("scale-fit","scale-fill","scale-zoom"),this.shellEl.classList.add(`scale-${t}`),this.settingsMenu.querySelectorAll(".aspect-item").forEach(i=>{let r=i.dataset.mode;i.classList.toggle("active",r===t)});let n=this.shadowRootRef.querySelector(".current-aspect-value");if(n){let i={fit:"Fit",fill:"Stretch",zoom:"Zoom"};n.textContent=i[t]||"Fit"}}renderStaticIcons(){this.setButtonIcon(this.centerPrevButton,"skip-back"),this.setButtonIcon(this.centerNextButton,"skip-forward"),this.setButtonIcon(this.centerPlayPauseButton,"play"),this.setButtonIcon(this.controlPrevButton,"skip-back","20"),this.setButtonIcon(this.controlNextButton,"skip-forward","20"),this.setButtonIcon(this.muteButton,"volume-2","20"),this.setButtonIcon(this.settingsButton,"settings","20"),this.setButtonIcon(this.fullscreenButton,"maximize","20"),this.setButtonIcon(this.playlistButton,"list","20"),this.setButtonIcon(this.playlistCloseButton,"x","20"),this.setButtonIcon(this.aspectShortcut,"crop","20"),this.refreshLockButtonIcon();let t=(i,r,o="18")=>{this.settingsMenu.querySelectorAll(i).forEach(u=>{u.innerHTML=xr.icons[r].toSvg({width:o,height:o,"stroke-width":"2"})})};t(".icon-quality","monitor"),t(".icon-speed","fast-forward"),t(".icon-aspect","crop"),t(".icon-play","play"),t(".icon-repeat","repeat"),t(".icon-arrow-left","arrow-left","20"),this.settingsMenu.querySelectorAll(".icon-chevron-right").forEach(i=>{i.innerHTML=xr.icons["chevron-right"].toSvg({width:"16",height:"16","stroke-width":"2.5"})});let n=this.settingsMenu.querySelector(".download-icon");n&&(n.innerHTML=xr.icons.download.toSvg({width:"16",height:"16","stroke-width":"2.5"})),this.settingsMenu.querySelectorAll(".check").forEach(i=>{i.innerHTML=xr.icons.check.toSvg({width:"16",height:"16","stroke-width":"2.5"})})}setButtonIcon(t,n,i="26"){if(!t)return;let r=xr.icons[n];if(!r)return;let o=t.querySelectorAll('[class^="icon-placeholder"]');o.length>0?o.forEach(u=>{u.innerHTML=r.toSvg({width:i,height:i,"stroke-width":"2.2"})}):t.innerHTML=r.toSvg({width:i,height:i,"stroke-width":"2.2"})}refreshLockButtonIcon(){let t=this.isLocked?"lock":"unlock";this.setButtonIcon(this.lockButton,t)}updateSpeedUi(t){let n=[.5,1,1.5,2].includes(t)?t:1,i=this.settingsMenu.querySelector(".current-speed-value");i&&(i.textContent=`${n}x`),this.settingsMenu.querySelectorAll(".speed-item").forEach(r=>{let o=Number(r.dataset.rate);r.classList.toggle("active",o===n)})}getBufferedPercent(t,n){if(!t||!Number.isFinite(t)||t<=0)return 0;let i=this.videoEl.buffered;if(!i||i.length===0)return 0;let r=0;for(let o=0;o<i.length;o+=1){let u=i.start(o),d=i.end(o);n>=u&&n<=d,r=Math.max(r,d)}return Math.max(0,Math.min(100,r/t*100))}startProgressLoop(){this.stopProgressLoop();let t=()=>{if(this.videoEl.paused||this.videoEl.ended){this.progressRafId=null;return}this.handleVideoProgress(),this.progressRafId=window.requestAnimationFrame(t)};this.progressRafId=window.requestAnimationFrame(t)}stopProgressLoop(){this.progressRafId!=null&&(window.cancelAnimationFrame(this.progressRafId),this.progressRafId=null)}};function Jm(l=uS){customElements.get(l)||customElements.define(l,qo)}typeof window<"u"&&Jm();return q0(dS);})();
|
|
1289
1289
|
/*! Bundled license information:
|
|
1290
1290
|
|
|
1291
1291
|
dashjs/dist/modern/esm/dash.all.min.js:
|
package/dist/index.js
CHANGED
|
@@ -1223,4 +1223,4 @@ import{UvpPlayerCore as m,cacheVideo as v,isCached as b,removeCachedVideo as f}f
|
|
|
1223
1223
|
<span class="check-mark"></span>
|
|
1224
1224
|
</div>
|
|
1225
1225
|
</div>
|
|
1226
|
-
`,this.settingsAspectScreen.querySelector(".back-button")?.addEventListener("click",()=>this.switchMenuScreen("main"));let e=this.settingsAspectScreen.querySelectorAll(".settings-option"),s=this.core.getScaleMode();e.forEach(i=>{let o=i.dataset.mode;o===s&&i.classList.add("active"),i.addEventListener("click",()=>{this.core.setScaleMode(o),this.switchMenuScreen("main")})})}refreshScaleModeUi(){let t=this.core.getScaleMode();this.shellEl.classList.remove("scale-fit","scale-fill","scale-zoom"),this.shellEl.classList.add(`scale-${t}`),this.settingsMenu.querySelectorAll(".aspect-item").forEach(s=>{let i=s.dataset.mode;s.classList.toggle("active",i===t)});let e=this.shadowRootRef.querySelector(".current-aspect-value");if(e){let s={fit:"Fit",fill:"Stretch",zoom:"Zoom"};e.textContent=s[t]||"Fit"}}renderStaticIcons(){this.setButtonIcon(this.centerPrevButton,"skip-back"),this.setButtonIcon(this.centerNextButton,"skip-forward"),this.setButtonIcon(this.centerPlayPauseButton,"play"),this.setButtonIcon(this.controlPrevButton,"skip-back","20"),this.setButtonIcon(this.controlNextButton,"skip-forward","20"),this.setButtonIcon(this.muteButton,"volume-2","20"),this.setButtonIcon(this.settingsButton,"settings","20"),this.setButtonIcon(this.fullscreenButton,"maximize","20"),this.setButtonIcon(this.playlistButton,"list","20"),this.setButtonIcon(this.playlistCloseButton,"x","20"),this.setButtonIcon(this.aspectShortcut,"
|
|
1226
|
+
`,this.settingsAspectScreen.querySelector(".back-button")?.addEventListener("click",()=>this.switchMenuScreen("main"));let e=this.settingsAspectScreen.querySelectorAll(".settings-option"),s=this.core.getScaleMode();e.forEach(i=>{let o=i.dataset.mode;o===s&&i.classList.add("active"),i.addEventListener("click",()=>{this.core.setScaleMode(o),this.switchMenuScreen("main")})})}refreshScaleModeUi(){let t=this.core.getScaleMode();this.shellEl.classList.remove("scale-fit","scale-fill","scale-zoom"),this.shellEl.classList.add(`scale-${t}`),this.settingsMenu.querySelectorAll(".aspect-item").forEach(s=>{let i=s.dataset.mode;s.classList.toggle("active",i===t)});let e=this.shadowRootRef.querySelector(".current-aspect-value");if(e){let s={fit:"Fit",fill:"Stretch",zoom:"Zoom"};e.textContent=s[t]||"Fit"}}renderStaticIcons(){this.setButtonIcon(this.centerPrevButton,"skip-back"),this.setButtonIcon(this.centerNextButton,"skip-forward"),this.setButtonIcon(this.centerPlayPauseButton,"play"),this.setButtonIcon(this.controlPrevButton,"skip-back","20"),this.setButtonIcon(this.controlNextButton,"skip-forward","20"),this.setButtonIcon(this.muteButton,"volume-2","20"),this.setButtonIcon(this.settingsButton,"settings","20"),this.setButtonIcon(this.fullscreenButton,"maximize","20"),this.setButtonIcon(this.playlistButton,"list","20"),this.setButtonIcon(this.playlistCloseButton,"x","20"),this.setButtonIcon(this.aspectShortcut,"crop","20"),this.refreshLockButtonIcon();let t=(s,i,o="18")=>{this.settingsMenu.querySelectorAll(s).forEach(n=>{n.innerHTML=r[i].toSvg({width:o,height:o,"stroke-width":"2"})})};t(".icon-quality","monitor"),t(".icon-speed","fast-forward"),t(".icon-aspect","crop"),t(".icon-play","play"),t(".icon-repeat","repeat"),t(".icon-arrow-left","arrow-left","20"),this.settingsMenu.querySelectorAll(".icon-chevron-right").forEach(s=>{s.innerHTML=r["chevron-right"].toSvg({width:"16",height:"16","stroke-width":"2.5"})});let e=this.settingsMenu.querySelector(".download-icon");e&&(e.innerHTML=r.download.toSvg({width:"16",height:"16","stroke-width":"2.5"})),this.settingsMenu.querySelectorAll(".check").forEach(s=>{s.innerHTML=r.check.toSvg({width:"16",height:"16","stroke-width":"2.5"})})}setButtonIcon(t,e,s="26"){if(!t)return;let i=r[e];if(!i)return;let o=t.querySelectorAll('[class^="icon-placeholder"]');o.length>0?o.forEach(n=>{n.innerHTML=i.toSvg({width:s,height:s,"stroke-width":"2.2"})}):t.innerHTML=i.toSvg({width:s,height:s,"stroke-width":"2.2"})}refreshLockButtonIcon(){let t=this.isLocked?"lock":"unlock";this.setButtonIcon(this.lockButton,t)}updateSpeedUi(t){let e=[.5,1,1.5,2].includes(t)?t:1,s=this.settingsMenu.querySelector(".current-speed-value");s&&(s.textContent=`${e}x`),this.settingsMenu.querySelectorAll(".speed-item").forEach(i=>{let o=Number(i.dataset.rate);i.classList.toggle("active",o===e)})}getBufferedPercent(t,e){if(!t||!Number.isFinite(t)||t<=0)return 0;let s=this.videoEl.buffered;if(!s||s.length===0)return 0;let i=0;for(let o=0;o<s.length;o+=1){let n=s.start(o),a=s.end(o);e>=n&&e<=a,i=Math.max(i,a)}return Math.max(0,Math.min(100,i/t*100))}startProgressLoop(){this.stopProgressLoop();let t=()=>{if(this.videoEl.paused||this.videoEl.ended){this.progressRafId=null;return}this.handleVideoProgress(),this.progressRafId=window.requestAnimationFrame(t)};this.progressRafId=window.requestAnimationFrame(t)}stopProgressLoop(){this.progressRafId!=null&&(window.cancelAnimationFrame(this.progressRafId),this.progressRafId=null)}};function E(d=y){customElements.get(d)||customElements.define(d,u)}typeof window<"u"&&E();export{u as UvpPlayerElement,E as defineUvpPlayerElement};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@universal-web-video-player/player-web-component",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "AIPXPERTS",
|
|
6
6
|
"repository": {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"typecheck": "tsc --noEmit"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@universal-web-video-player/player-core": "0.5.
|
|
44
|
+
"@universal-web-video-player/player-core": "0.5.2",
|
|
45
45
|
"feather-icons": "^4.29.2"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|