Create animate.js

animate.js

@@ -0,0 +1,149 @@
+document.getElementById('jd').onclick = ()=>{
+    window.open('https://discord.gg/ju4yQBfQ7p')
+  }
+  
+  
+  /*document.getElementById('ow').onclick = ()=>{
+    window.open('https://www.buymeacoffee.com/mygx')
+  }*/
+  document.getElementById('fumes').checked = true
+  let dialog = document.getElementById('dialog')
+  let openbtn = document.getElementById('Advance Setting')
+  let closebtn = document.getElementById('close')
+  openbtn.onclick = ()=>{
+    dialog.show()
+    document.getElementById('imshow').style.border = '0px solid black transparent'
+  }
+  closebtn.onclick= ()=>{
+    dialog.close()
+    document.getElementById('imshow').style.background = 'linear-gradient(black, black) padding-box,linear-gradient(to right, red, blue) border-box' 
+  }
+  let inp = document.getElementById('inp')
+  let np = document.getElementById('np')
+  let gd = document.getElementById('gds')
+  let step = document.getElementById('step')
+  let seed = document.getElementById('seed')
+  let seedp = document.getElementById('seedp')
+  let stepp = document.getElementById('stepp')
+  let gdsp = document.getElementById('gdsp')
+  let btn = document.getElementById('create')
+  gd.addEventListener('input',()=>{
+   gdsp.innerText = gd.value
+  })
+  step.addEventListener('input',()=>{
+   stepp.innerText = step.value
+  })
+  seed.addEventListener('input',()=>{
+   seedp.innerText = seed.value
+  })
+  
+  
+  
+  isf = false
+  reload = false
+  let fullPrompt =  inp.value
+  setTimeout(()=>{
+    reload = true
+  },200000)
+  btn.onclick = async ()=>{ 
+    fullPrompt =  inp.value
+    let id = ''
+    if(reload == true){
+      window.location.reload();
+    }
+
+  
+  //https://hacking-is-serious-illegal-crime-you.onrender.com/sdxl
+  let url2 = 'https://hacking-is-serious-illegal-crime-you.onrender.com/animate'
+  let idlist = []
+  let url =  'https://flask-hello-world-murex-sigma.vercel.app/animate'
+  
+ 
+  btn.disabled = true
+  const div = document.getElementById('imshow');
+  div.innerHTML = '';
+  document.getElementById('imshow').innerHTML = ''
+  let pi = document.createElement('p')
+  pi.innerText = 'Generating Animation... Estimated Time: 40s'
+  document.getElementById('imshow').append(pi)
+  let count = 0;
+  seed = seed
+  async function generate(){
+       
+      const params = {
+          'prompt': fullPrompt,
+          'negative_prompt': np.value,
+          "steps": step.value,
+          'gd': gd.value
+      };
+  
+      try {
+          const response = await fetch(url, {
+              method: 'POST',
+              headers: {
+                  'Content-Type': 'application/json',
+                  'Connection': 'keep-alive',
+              },
+              body: JSON.stringify(params)
+          });
+      /*    console.log(np.value)
+          const imgData = await response.text(); 
+          const div = document.getElementById('imshow')
+          const img = document.createElement('img');
+          pi.innerHTML = ''
+          pi.innerText = ''
+          img.src = imgData;
+          div.appendChild(img);
+          */
+          
+          const imgData = await response.text(); 
+          idlist.push(imgData)
+          
+          
+      } catch (error) {
+        btn.disabled = false
+          console.error('An error occurred:', error);
+          pi.innerText = 'An error occurred, try changing your prompt';
+      }
+  }
+  
+  await Promise.all([generate()]);
+  
+  setTimeout(()=>{
+function final1(){
+    const id = idlist[0].trim().replace(/^"|"$/g, '');
+  fetch(url2, {
+      method: 'POST',
+      headers: {
+          'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+          id: id,
+      }),
+  })
+  .then((response) => response.text())  
+  .then((data) => {
+    const vid = document.createElement('video');
+          pi.innerHTML = ''
+          pi.innerText = ''
+        vid.src = data.trim().replace(/^"|"$/g, '')
+        vid.autoplay = true;
+        vid.play();
+        vid.setAttribute('loop', '');
+          div.appendChild(vid)
+          btn.disabled = false
+          console.log(data)
+      
+  })
+  
+  .catch((error) => {
+    btn.disabled = false
+          console.error('An error occurred:', error);
+          pi.innerText = 'An error occurred, try changing your prompt';
+  });
+  }
+  
+  final1()
+  },30000)
+  
+  }