light up pads while sample is playing

stevegraham · Jan 28, 2012 · 8184fa8 · 8184fa8
1 parent 73b9d60
commit 8184fa8
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 6 deletions.
diff --git a/app/jpc.js b/app/jpc.js
diff --git a/coffeescripts/jpc.coffee b/coffeescripts/jpc.coffee
@@ -6,19 +6,27 @@ $(document).ready ->
   audioContext = new webkitAudioContext
 
   class AudioPlayer
-    constructor: ->
+    constructor: (@view)->
 
     play: ->
       if @buffer
         @source        = audioContext.createBufferSource()
         @source.buffer = @buffer
         @source.connect audioContext.destination
         @source.noteOn 0
+        @triggerView()
 
     stop: ->
       if @buffer && @source
         @source.noteOff 0
 
+
+    triggerView: ->
+      @view.lightOn()
+      window.clearTimeout @timer
+      timeOut =  (@buffer.length / @buffer.sampleRate) * 1000
+      @timer  = window.setTimeout @view.lightOff, timeOut
+
     load_file: (file) ->
       reader = new FileReader
       self   = this
@@ -34,7 +42,12 @@ $(document).ready ->
 
   class PadView extends Backbone.View
     initialize: ->
-      @audio_player = new AudioPlayer
+      @el           = $(@el)
+      @audio_player = new AudioPlayer this
+
+    lightOn:  -> @el.addClass 'active'
+
+    lightOff: => @el.removeClass 'active'
 
     triggerSample: ->
       chokeGroup.select(this)