animate.js

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)
  
  }