@mediapipe/control_utils
Advanced tools
Comparing version 0.6.1626288889 to 0.6.1629159505
@@ -49,4 +49,4 @@ (function(){/* | ||
function Ca(a,b){a.video.onloadedmetadata=function(){return L(a,function d(){var f=this,g;return I(d,function(e){g=f;f.video.loop=!0;f.g.onFrame?e=F(e,Ea(f,{label:"file",type:"video",video:f.video,start:function(){return Ga(g)}}),0):(e.g=0,e=void 0);return e})})};a.video.srcObject=null;a.video.src=b} | ||
Y.prototype.create=function(a,b,c){var d=this,f=this.u=c.appendChild(document.createElement("div"));f.classList.add("control-panel-entry");f.classList.add("control-panel-source-picker");var g=Q("source-selection");f.append(g);Aa(this).then(function(e){d.l=e;Ha(d,g);Ia(d,g);e=g.appendChild(document.createElement("div"));e.classList.add("inputs");d.video=e.appendChild(document.createElement("video"));d.video.setAttribute("crossorigin","anonymous");d.h=e.appendChild(document.createElement("img"));d.h.setAttribute("crossorigin", | ||
"anonymous");Ja(d,f);0<d.l.length&&(e=d.l[0],T(d.o,e.label)||qa(d.o),e.start())})}; | ||
Y.prototype.create=function(a,b,c){var d=this,f=this.u=c.appendChild(document.createElement("div"));f.classList.add("control-panel-entry");f.classList.add("control-panel-source-picker");var g=Q("source-selection");f.append(g);Aa(this).then(function(e){d.l=e;Ha(d,g);Ia(d,g);e=g.appendChild(document.createElement("div"));e.classList.add("inputs");d.video=e.appendChild(document.createElement("video"));d.video.setAttribute("crossorigin","anonymous");d.video.setAttribute("playsinline","true");d.h=e.appendChild(document.createElement("img")); | ||
d.h.setAttribute("crossorigin","anonymous");Ja(d,f);0<d.l.length&&(e=d.l[0],T(d.o,e.label)||qa(d.o),e.start())})}; | ||
function Ja(a,b){var c=X("pause"),d=X("play_arrow"),f,g,e,h;b.append(e=Q("video-controls",[h=S(c),g=Q("video-track"),f=Q("video-slider-ball"),b=R("video-time")]));a.i={parent:e,K:f,track:g,time:b};b.textContent="00:00";f.style.display="inline-block";f.onmousedown=function(k){function l(){k.preventDefault();document.removeEventListener("mousemove",n);u||a.video.play();document.removeEventListener("mouseup",l)}function n(m){k.preventDefault();var q=e.getBoundingClientRect(),E=f.getBoundingClientRect(), | ||
@@ -53,0 +53,0 @@ A=g.getBoundingClientRect();m=m.clientX-q.left-E.width/2;q=A.left-q.left;m<q?m=q:m>q+A.width&&(m=q+A.width);f.style.left=m+"px";a.video.currentTime=(m-q)/A.width*a.video.duration}k.preventDefault();var u=a.video.paused;a.video.pause();document.addEventListener("mousemove",n);document.addEventListener("mouseup",l)};h.onclick=function(){a.video.paused?(a.video.play(),h.src=c):(a.video.pause(),h.src=d)};a.D=function(){a.video.paused&&(h.src=d);h.src=c}} |
@@ -140,2 +140,7 @@ /** | ||
/** | ||
* The type of source, which tells us the sort of icon to use in the | ||
* dropdown, and allows the user to take different actions when the | ||
* source is changed. | ||
*/ | ||
export type SourceType = 'image'|'video'|'webcam'; | ||
@@ -142,0 +147,0 @@ |
{ | ||
"name": "@mediapipe/control_utils", | ||
"version": "0.6.1626288889", | ||
"version": "0.6.1629159505", | ||
"description": "Mediapipe Simple Control Panel", | ||
@@ -5,0 +5,0 @@ "main": "control_utils.js", |
Sorry, the diff of this file is not supported yet
33027
309