| var we=Object.defineProperty;var ke=(t,e,n)=>e in t?we(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var Q=(t,e,n)=>(ke(t,typeof e!="symbol"?e+"":e,n),n);(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const l of o)if(l.type==="childList")for(const u of l.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&r(u)}).observe(document,{childList:!0,subtree:!0});function n(o){const l={};return o.integrity&&(l.integrity=o.integrity),o.referrerPolicy&&(l.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?l.credentials="include":o.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function r(o){if(o.ep)return;o.ep=!0;const l=n(o);fetch(o.href,l)}})();function L(){}function me(t){return t()}function ie(){return Object.create(null)}function D(t){t.forEach(me)}function ge(t){return typeof t=="function"}function K(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}let U;function ae(t,e){return t===e?!0:(U||(U=document.createElement("a")),U.href=e,t===U.href)}function $e(t){return Object.keys(t).length===0}function s(t,e){t.appendChild(e)}function E(t,e,n){t.insertBefore(e,n||null)}function C(t){t.parentNode&&t.parentNode.removeChild(t)}function p(t){return document.createElement(t)}function P(t){return document.createTextNode(t)}function $(){return P(" ")}function O(t,e,n,r){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n,r)}function T(t,e,n){n==null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function he(t){return t===""?null:+t}function Ae(t){return Array.from(t.childNodes)}function F(t,e){e=""+e,t.data!==e&&(t.data=e)}function se(t,e){t.value=e??""}function Ce(t,e,n,r){n==null?t.style.removeProperty(e):t.style.setProperty(e,n,r?"important":"")}let re;function N(t){re=t}const W=[],H=[];let j=[];const ce=[],Se=Promise.resolve();let te=!1;function Ee(){te||(te=!0,Se.then(_e))}function ne(t){j.push(t)}const X=new Set;let B=0;function _e(){if(B!==0)return;const t=re;do{try{for(;B<W.length;){const e=W[B];B++,N(e),Le(e.$$)}}catch(e){throw W.length=0,B=0,e}for(N(null),W.length=0,B=0;H.length;)H.pop()();for(let e=0;e<j.length;e+=1){const n=j[e];X.has(n)||(X.add(n),n())}j.length=0}while(W.length);for(;ce.length;)ce.pop()();te=!1,X.clear(),N(t)}function Le(t){if(t.fragment!==null){t.update(),D(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(ne)}}function Re(t){const e=[],n=[];j.forEach(r=>t.indexOf(r)===-1?e.push(r):n.push(r)),n.forEach(r=>r()),j=e}const x=new Set;let Pe;function z(t,e){t&&t.i&&(x.delete(t),t.i(e))}function Z(t,e,n,r){if(t&&t.o){if(x.has(t))return;x.add(t),Pe.c.push(()=>{x.delete(t),r&&(n&&t.d(1),r())}),t.o(e)}else r&&r()}function ee(t){t&&t.c()}function V(t,e,n){const{fragment:r,after_update:o}=t.$$;r&&r.m(e,n),ne(()=>{const l=t.$$.on_mount.map(me).filter(ge);t.$$.on_destroy?t.$$.on_destroy.push(...l):D(l),t.$$.on_mount=[]}),o.forEach(ne)}function q(t,e){const n=t.$$;n.fragment!==null&&(Re(n.after_update),D(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function Ie(t,e){t.$$.dirty[0]===-1&&(W.push(t),Ee(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function Y(t,e,n,r,o,l,u=null,c=[-1]){const m=re;N(t);const i=t.$$={fragment:null,ctx:[],props:l,update:L,not_equal:o,bound:ie(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(m?m.$$.context:[])),callbacks:ie(),dirty:c,skip_bound:!1,root:e.target||m.$$.root};u&&u(i.root);let f=!1;if(i.ctx=n?n(t,e.props||{},(a,g,...w)=>{const y=w.length?w[0]:g;return i.ctx&&o(i.ctx[a],i.ctx[a]=y)&&(!i.skip_bound&&i.bound[a]&&i.bound[a](y),f&&Ie(t,a)),g}):[],i.update(),f=!0,D(i.before_update),i.fragment=r?r(i.ctx):!1,e.target){if(e.hydrate){const a=Ae(e.target);i.fragment&&i.fragment.l(a),a.forEach(C)}else i.fragment&&i.fragment.c();e.intro&&z(t.$$.fragment),V(t,e.target,e.anchor),_e()}N(m)}class G{constructor(){Q(this,"$$");Q(this,"$$set")}$destroy(){q(this,1),this.$destroy=L}$on(e,n){if(!ge(n))return L;const r=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return r.push(n),()=>{const o=r.indexOf(n);o!==-1&&r.splice(o,1)}}$set(e){this.$$set&&!$e(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const Te="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Te);const Oe="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='26.6'%20height='32'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20308'%3e%3cpath%20fill='%23FF3E00'%20d='M239.682%2040.707C211.113-.182%20154.69-12.301%20113.895%2013.69L42.247%2059.356a82.198%2082.198%200%200%200-37.135%2055.056a86.566%2086.566%200%200%200%208.536%2055.576a82.425%2082.425%200%200%200-12.296%2030.719a87.596%2087.596%200%200%200%2014.964%2066.244c28.574%2040.893%2084.997%2053.007%20125.787%2027.016l71.648-45.664a82.182%2082.182%200%200%200%2037.135-55.057a86.601%2086.601%200%200%200-8.53-55.577a82.409%2082.409%200%200%200%2012.29-30.718a87.573%2087.573%200%200%200-14.963-66.244'%3e%3c/path%3e%3cpath%20fill='%23FFF'%20d='M106.889%20270.841c-23.102%206.007-47.497-3.036-61.103-22.648a52.685%2052.685%200%200%201-9.003-39.85a49.978%2049.978%200%200%201%201.713-6.693l1.35-4.115l3.671%202.697a92.447%2092.447%200%200%200%2028.036%2014.007l2.663.808l-.245%202.659a16.067%2016.067%200%200%200%202.89%2010.656a17.143%2017.143%200%200%200%2018.397%206.828a15.786%2015.786%200%200%200%204.403-1.935l71.67-45.672a14.922%2014.922%200%200%200%206.734-9.977a15.923%2015.923%200%200%200-2.713-12.011a17.156%2017.156%200%200%200-18.404-6.832a15.78%2015.78%200%200%200-4.396%201.933l-27.35%2017.434a52.298%2052.298%200%200%201-14.553%206.391c-23.101%206.007-47.497-3.036-61.101-22.649a52.681%2052.681%200%200%201-9.004-39.849a49.428%2049.428%200%200%201%2022.34-33.114l71.664-45.677a52.218%2052.218%200%200%201%2014.563-6.398c23.101-6.007%2047.497%203.036%2061.101%2022.648a52.685%2052.685%200%200%201%209.004%2039.85a50.559%2050.559%200%200%201-1.713%206.692l-1.35%204.116l-3.67-2.693a92.373%2092.373%200%200%200-28.037-14.013l-2.664-.809l.246-2.658a16.099%2016.099%200%200%200-2.89-10.656a17.143%2017.143%200%200%200-18.398-6.828a15.786%2015.786%200%200%200-4.402%201.935l-71.67%2045.674a14.898%2014.898%200%200%200-6.73%209.975a15.9%2015.9%200%200%200%202.709%2012.012a17.156%2017.156%200%200%200%2018.404%206.832a15.841%2015.841%200%200%200%204.402-1.935l27.345-17.427a52.147%2052.147%200%200%201%2014.552-6.397c23.101-6.006%2047.497%203.037%2061.102%2022.65a52.681%2052.681%200%200%201%209.003%2039.848a49.453%2049.453%200%200%201-22.34%2033.12l-71.664%2045.673a52.218%2052.218%200%200%201-14.563%206.398'%3e%3c/path%3e%3c/svg%3e",Me="/vite.svg";function Fe(t){let e,n,r,o,l;return{c(){e=p("button"),n=P("count is "),r=P(t[0])},m(u,c){E(u,e,c),s(e,n),s(e,r),o||(l=O(e,"click",t[1]),o=!0)},p(u,[c]){c&1&&F(r,u[0])},i:L,o:L,d(u){u&&C(e),o=!1,l()}}}function Be(t,e,n){let r=0;return[r,()=>{n(0,r+=1)}]}class We extends G{constructor(e){super(),Y(this,e,Be,Fe,K,{})}}function je(t){console.log("Processing image data:",t);const e=De(t);Ne(e)}function De(t){const e=atob(t.split(",")[1]),n=t.split(",")[0].split(":")[1].split(";")[0],r=new ArrayBuffer(e.length),o=new Uint8Array(r);for(let l=0;l<e.length;l++)o[l]=e.charCodeAt(l);return new Blob([r],{type:n})}function Ne(t){fetch("/api/upload-image",{method:"POST",body:t,headers:{"Content-Type":t.type}}).then(e=>{console.log("Image uploaded successfully:",e)}).catch(e=>{console.error("Error uploading image:",e)})}function ue(t){let e,n,r,o,l;return{c(){e=p("div"),n=p("h3"),n.textContent="Last Captured Image:",r=$(),o=p("img"),ae(o.src,l=t[3])||T(o,"src",l),T(o,"alt","Captured Image")},m(u,c){E(u,e,c),s(e,n),s(e,r),s(e,o)},p(u,c){c&8&&!ae(o.src,l=u[3])&&T(o,"src",l)},d(u){u&&C(e)}}}function fe(t){let e,n;return{c(){e=p("div"),n=P(t[4])},m(r,o){E(r,e,o),s(e,n)},p(r,o){o&16&&F(n,r[4])},d(r){r&&C(e)}}}function Ue(t){let e,n,r=t[2]?"Stop Webcam":"Start Webcam",o,l,u,c,m,i,f,a,g,w,y,h,_,d=t[3]&&ue(t),b=t[4]!==null&&fe(t);return{c(){e=p("div"),n=p("button"),o=P(r),l=$(),u=p("button"),u.textContent="Capture Image",c=$(),m=p("br"),i=$(),f=p("video"),a=$(),g=p("canvas"),w=$(),d&&d.c(),y=$(),b&&b.c(),f.autoplay=!0,f.playsInline=!0,Ce(g,"display","none")},m(k,v){E(k,e,v),s(e,n),s(n,o),s(e,l),s(e,u),s(e,c),s(e,m),s(e,i),s(e,f),t[7](f),s(e,a),s(e,g),t[8](g),s(e,w),d&&d.m(e,null),s(e,y),b&&b.m(e,null),h||(_=[O(n,"click",t[5]),O(u,"click",t[6])],h=!0)},p(k,[v]){v&4&&r!==(r=k[2]?"Stop Webcam":"Start Webcam")&&F(o,r),k[3]?d?d.p(k,v):(d=ue(k),d.c(),d.m(e,y)):d&&(d.d(1),d=null),k[4]!==null?b?b.p(k,v):(b=fe(k),b.c(),b.m(e,null)):b&&(b.d(1),b=null)},i:L,o:L,d(k){k&&C(e),t[7](null),t[8](null),d&&d.d(),b&&b.d(),h=!1,D(_)}}}function xe(t,e,n){let r,o,l,u=!1,c=null,m=null;async function i(){u?a():await f(),n(2,u=!u)}async function f(){try{o=await navigator.mediaDevices.getUserMedia({video:!0}),n(0,r.srcObject=o,r)}catch(_){console.error("Error accessing webcam:",_)}}function a(){o&&o.getTracks().forEach(_=>_.stop())}async function g(){l.getContext("2d").drawImage(r,0,0,l.width,l.height);const d=l.toDataURL("image/png");n(3,c=d),await w(d)}async function w(_){console.log("Image data:",_);try{const d=await je(_);console.log("Image processed successfully:",d),n(4,m=d)}catch(d){console.error("Error processing image:",d),n(4,m="An error occurred while processing the audio.")}}function y(_){H[_?"unshift":"push"](()=>{r=_,n(0,r)})}function h(_){H[_?"unshift":"push"](()=>{l=_,n(1,l)})}return[r,l,u,c,m,i,g,y,h]}class ze extends G{constructor(e){super(),Y(this,e,xe,Ue,K,{})}}function Ve(t){console.log("Processing audio data:",t),fetch(t).then(e=>e.blob()).then(e=>{qe(e)})}function qe(t){fetch("/api/upload-audio",{method:"POST",body:t,headers:{"Content-Type":t.type}}).then(e=>{console.log("Audio uploaded successfully:",e)}).catch(e=>{console.error("Error uploading audio:",e)})}function de(t){let e,n,r,o,l,u,c=t[4].toFixed(2)+"",m,i,f=t[5].toFixed(2)+"",a,g,w,y,h,_,d,b,k;function v(A,I){return A[3]?Ye:A[4]===A[5]?Ke:He}let M=v(t),S=M(t);return{c(){e=p("div"),n=p("h3"),n.textContent="Last Captured Audio:",r=$(),S.c(),o=$(),l=p("p"),u=P("Current Time: "),m=P(c),i=P(" / "),a=P(f),g=$(),w=p("label"),y=P(`Playback Speed:\r | |
| `),h=p("input"),_=$(),d=p("button"),d.textContent="Process Audio",T(h,"type","number"),T(h,"min","0.5"),T(h,"max","2"),T(h,"step","0.1")},m(A,I){E(A,e,I),s(e,n),s(e,r),S.m(e,null),s(e,o),s(e,l),s(l,u),s(l,m),s(l,i),s(l,a),s(e,g),s(e,w),s(w,y),s(w,h),se(h,t[6]),E(A,_,I),E(A,d,I),b||(k=[O(h,"input",t[12]),O(h,"input",t[10]),O(d,"click",t[8])],b=!0)},p(A,I){M===(M=v(A))&&S?S.p(A,I):(S.d(1),S=M(A),S&&(S.c(),S.m(e,o))),I&16&&c!==(c=A[4].toFixed(2)+"")&&F(m,c),I&32&&f!==(f=A[5].toFixed(2)+"")&&F(a,f),I&64&&he(h.value)!==A[6]&&se(h,A[6])},d(A){A&&(C(e),C(_),C(d)),S.d(),b=!1,D(k)}}}function He(t){let e,n,r;return{c(){e=p("button"),e.textContent="Play"},m(o,l){E(o,e,l),n||(r=O(e,"click",t[9]),n=!0)},p:L,d(o){o&&C(e),n=!1,r()}}}function Ke(t){let e,n,r;return{c(){e=p("button"),e.textContent="Restart"},m(o,l){E(o,e,l),n||(r=O(e,"click",t[11]),n=!0)},p:L,d(o){o&&C(e),n=!1,r()}}}function Ye(t){let e,n,r;return{c(){e=p("button"),e.textContent="Pause"},m(o,l){E(o,e,l),n||(r=O(e,"click",t[9]),n=!0)},p:L,d(o){o&&C(e),n=!1,r()}}}function pe(t){let e,n;return{c(){e=p("div"),n=P(t[2]),T(e,"class","error-message")},m(r,o){E(r,e,o),s(e,n)},p(r,o){o&4&&F(n,r[2])},d(r){r&&C(e)}}}function Ge(t){let e,n,r=t[0]?"Stop Recording":"Start Recording",o,l,u,c,m,i=t[1]&&de(t),f=t[2]!==null&&pe(t);return{c(){e=p("div"),n=p("button"),o=P(r),l=$(),i&&i.c(),u=$(),f&&f.c()},m(a,g){E(a,e,g),s(e,n),s(n,o),s(e,l),i&&i.m(e,null),s(e,u),f&&f.m(e,null),c||(m=O(n,"click",t[7]),c=!0)},p(a,[g]){g&1&&r!==(r=a[0]?"Stop Recording":"Start Recording")&&F(o,r),a[1]?i?i.p(a,g):(i=de(a),i.c(),i.m(e,u)):i&&(i.d(1),i=null),a[2]!==null?f?f.p(a,g):(f=pe(a),f.c(),f.m(e,null)):f&&(f.d(1),f=null)},i:L,o:L,d(a){a&&C(e),i&&i.d(),f&&f.d(),c=!1,m()}}}function Je(t,e,n){let r,o,l,u,c,m=!1,i=null,f=null,a=null,g=!1,w=0,y=0,h=1;async function _(){m?b():await d(),n(0,m=!m)}async function d(){try{r=await navigator.mediaDevices.getUserMedia({audio:!0}),o=new MediaRecorder(r),o.addEventListener("dataavailable",k),o.start()}catch(R){console.error("Error accessing microphone:",R)}}function b(){o&&o.state!=="inactive"&&(o.stop(),r.getTracks().forEach(R=>R.stop()),v())}function k(R){if(R.data.size>0){l=new AudioContext;const J=new FileReader;J.onload=()=>{l.decodeAudioData(J.result,le=>{u=le,n(5,y=le.duration),n(1,i=URL.createObjectURL(R.data)),a=new Audio(i),a.addEventListener("ended",oe)})},J.readAsArrayBuffer(R.data)}}function v(){n(4,w=0),n(5,y=0),n(1,i=null),a=null,u=null,c&&(c.disconnect(),c=null)}async function M(){try{const R=await Ve(i);console.log("Audio processed successfully:",R),n(2,f=R)}catch(R){console.error("Error processing audio:",R),n(2,f="An error occurred while processing the audio.")}}function S(){c=l.createBufferSource(),c.buffer=u,c.connect(l.destination),c.onended=oe,c.playbackRate.value=h}function A(){a&&(g?(a.pause(),c&&c.stop()):(S(),c.start(),a.play(),a.addEventListener("timeupdate",I)),n(3,g=!g))}function I(){n(4,w=a.currentTime)}function be(){a&&(a.playbackRate=h,c&&(c.playbackRate.value=h))}function oe(){n(3,g=!1),c&&(c.disconnect(),c=null)}function ye(){a&&(a.currentTime=0,S(),c.start(),a.play(),n(3,g=!0))}function ve(){h=he(this.value),n(6,h)}return[m,i,f,g,w,y,h,_,M,A,be,ye,ve]}class Qe extends G{constructor(e){super(),Y(this,e,Je,Ge,K,{})}}function Xe(t){let e,n,r,o,l,u,c,m,i,f,a,g,w,y,h,_,d,b,k;return i=new Qe({}),a=new ze({}),y=new We({}),{c(){e=p("main"),n=p("div"),n.innerHTML=`<a href="https://vitejs.dev" target="_blank" rel="noreferrer"><img src="${Me}" class="logo svelte-1ef5zhp" alt="Vite Logo"/></a> <a href="https://svelte.dev" target="_blank" rel="noreferrer"><img src="${Oe}" class="logo svelte svelte-1ef5zhp" alt="Svelte Logo"/></a>`,r=$(),o=p("h1"),o.textContent="Vite + Svelte",l=$(),u=p("h1"),u.textContent="Svelte Webcam Audio App",c=$(),m=p("div"),ee(i.$$.fragment),f=$(),ee(a.$$.fragment),g=$(),w=p("div"),ee(y.$$.fragment),h=$(),_=p("p"),_.innerHTML='Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!',d=$(),b=p("p"),b.textContent="Click on the Vite and Svelte logos to learn more",T(m,"class","streamgrid svelte-1ef5zhp"),T(w,"class","card"),T(b,"class","read-the-docs svelte-1ef5zhp")},m(v,M){E(v,e,M),s(e,n),s(e,r),s(e,o),s(e,l),s(e,u),s(e,c),s(e,m),V(i,m,null),s(m,f),V(a,m,null),s(e,g),s(e,w),V(y,w,null),s(e,h),s(e,_),s(e,d),s(e,b),k=!0},p:L,i(v){k||(z(i.$$.fragment,v),z(a.$$.fragment,v),z(y.$$.fragment,v),k=!0)},o(v){Z(i.$$.fragment,v),Z(a.$$.fragment,v),Z(y.$$.fragment,v),k=!1},d(v){v&&C(e),q(i),q(a),q(y)}}}class Ze extends G{constructor(e){super(),Y(this,e,null,Xe,K,{})}}new Ze({target:document.getElementById("app")}); | |