Changeset 30093 for main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/js/jquery-drums.js

Timestamp:

2015-08-04T13:50:35+12:00 (9 years ago)

Author:

davidb

Message:

Development work done in at JCDL

File:

• main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/js/jquery-drums.js (modified) (5 diffs)

main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/js/jquery-drums.js

@@ -1 +1 @@
 // Based on:
 //   http://www.theonlytutorials.com/jquery-drum-sets-html5-audio-tag-example/
+
+
+var hitDrumStartCurrentTime = null;
+var hitDrumEndCurrentTime;
+var hitDrumMidiPitch;
+var hitDrumMidiPitchReadable;
+
+function calcDrumMidiNoteInfo() {
+    if (hitDrumStartCurrentTime != null) {
+
+    var hitDrumDuration = hitDrumEndCurrentTime - hitDrumStartCurrentTime;
+    
+    // console.log("**** " + playedNotePitch + " (midi pitch = " + playedMidiPitch+ ") startTime = ", relativePlayStartTime + ", duration = " + playedDuration);
+
+    if (mediaPlayedNotes[String(mediaStartPlayTime)]) {
+        
+        mediaPlayedNotes[String(mediaStartPlayTime)].push( 
+        { 'type'         : "drum",
+          'midiPitch'    : hitDrumMidiPitch, 
+          //'midiNoteOn'   : relativePlayedNoteStartTime,
+          //'midiNoteOff'  : relativePlayedNoteEndTime,
+          'startCurrentTime' : hitDrumStartCurrentTime,
+          'duration'     : hitDrumDuration,
+          'startPercTime': hitDrumStartCurrentTime/mediaPlayer.duration,
+          'humanReadble' : hitDrumMidiPitchReadable }
+        );
+    }
+    
+    }
+}
 
 $(document).ready(function() {
@@ -26 +56 @@
     
     $('.drum').mousedown(function() {
+
+    hitDrumStartCurrentTime = mediaPlayer.currentTime;
+    hitDrumMidiPitchReadable = $(this).attr('id');
+    hitDrumMidiPitch = hitDrumMidiPitchReadable.replace(/^drum/,"");
     
     //find the drum hit and play the respective audio
@@ -31 +65 @@
     drum = eval(drum);
     
-    if (drum.ended) {
+    if (drum.ended) {       
         $(this).addClass('hit');
         drum.play();
@@ -40 +74 @@
         console.log("Error thrown when playing drum sound: " + e);
         }
+
+        // Force finish of previous drum hit
+        hitDrumEndCurrentTime = mediaPlayer.currentTime;
+        calcDrumMidiNoteInfo();
+        hitDrumStartCurrentTime = mediaPlayer.currentTime;
+        hitDrumEndCurrentTime = null;
+
         $(this).addClass('hit');
             drum.play();
@@ -46 +87 @@
 
     $('.drum').mouseup(function() {
+    hitDrumEndCurrentTime = mediaPlayer.currentTime;
+    calcDrumMidiNoteInfo();
+    hitDrumStartCurrentTime = null;
+    
     $(this).removeClass('hit');
     });