import types from '../types'

import Tone from 'tone'

import * as draw from './lib/draw'
import output from './lib/output'
import spectrum from './lib/spectrum'

const _r = 8
const _i = 8

export function play(frame) {
  // const { canvas, imageData } = draw.raw_spectrum(fft, 0, 256, 0, 256, 1, 1)
  // console.log(_r, _i)
  // const { canvas, imageData } = draw.raw_spectrum(player.fft, 0, 256, 0, 256, _r, _i)
  const new_fft = spectrum.fromImageData(frame.imageData, 44100, _r, _i)
  // gallery.innerHTML = ''

  // console.log(player.fft.data, new_fft.data)
  const buf = spectrum.fromSpectrum(new_fft)
  const _p = new Tone.Player(buf)
  _p.connect(output)
  _p.start(Tone.now())
  // redraw(new_fft)
}
// function redraw(new_fft){
//   const { canvas, imageData } = draw.raw_spectrum(new_fft, 0, 256, 0, 256, _r, _i)
// }