1 files changed, 19 insertions, 13 deletions
diff --git a/client/index.js b/client/index.js
index d506f23..75cba28 100644
--- a/client/index.js
+++ b/client/index.js
@@ -62,10 +62,13 @@ function drop (e) {
   }
   selfDrag = false
 }
+let files, file_index = 0;
 function handleFileSelect(e){
-  var files = e.dataTransfer ? e.dataTransfer.files : e.target.files
-  var file = files[0]
-  // console.log(files, file)
+  files = e.dataTransfer ? e.dataTransfer.files : e.target.files
+  loadNext()
+}
+function loadNext(){
+  var file = files[file_index++]
   if (! file) return
   load(file)
 }
@@ -80,25 +83,28 @@ function loadBuffer(){
   if (! pcm) return
 
   const FRAME_LENGTH = 126 * 255
-  const FRAME_OFFSET = FRAME_LENGTH / 8
+  const FRAME_OFFSET = FRAME_LENGTH / 4
 
   var zip = new JSZip()
 
   var zip_folder = zip.folder("images");
 
-  for (var offset = 0, count = 0, _len = pcm.length; offset < _len; offset += FRAME_OFFSET, count += 1) {
+  for (var offset = 0, count = 0, _len = pcm.length - FRAME_LENGTH; offset < _len; offset += FRAME_OFFSET, count += 1) {
+    if ((count % 100) === 0) console.log(count)
     // console.log('generating', count, offset)
-    let player = render(pcm.slice(offset, offset+FRAME_LENGTH), count, zip_folder)
-    register(player, count)
+    // let player = render(pcm.slice(offset, offset+FRAME_LENGTH), count, zip_folder)
+    render(pcm.slice(offset, offset+FRAME_LENGTH), count, zip_folder)
+    // register(player, count)
     // if (count > 20) break
   }
 
   console.log('done exporting')
-  // zip.generateAsync({type:"blob"}).then(function(content) {
-  //   console.log('saving zip')
-  //   FileSaver.saveAs(content, "img2pix.zip")
-  // })
-  play(0)
+  zip.generateAsync({type:"blob"}).then(function(content) {
+    console.log('saving zip')
+    FileSaver.saveAs(content, "img2pix.zip")
+    setTimeout(loadNext, 1000)
+  })
+  // play(0)
 }
 function render(pcm, count, zip){
   const fft = spectrum.toSpectrum(pcm, sr)
@@ -140,6 +146,6 @@ function register(player, i){
   player.canvas.addEventListener('click', () => {
     play(i)
   })
-  gallery.appendChild(player.canvas)
+  // gallery.appendChild(player.canvas)
 }
 init()