MagicSampler/events.js at master · GoodVibesDevelopment/MagicSampler · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/* key shortcuts
 * n=78  : change position -10
 * m=77  : change position -1
 * ,=188 : change position +1
 * .=190 : change position +10
 */

var keys = [78, 77, 188, 190];

$(document).ready( function() {
  loadFirstTrack();

  $(".sampleButton").click( function(){
    var i = $(this).parent().data('sample-id');

    playSampel(samples[i].position, samples[i].duration);
    activateSampel(samples[i]);
  });

  $("input.position").on('change', function(){
      setPosition($(this).val());
  });

  $("input.duration").on('change', function(){
    samples[selected].duration = $(this).val();
  });

  $(".randomButton").click( function(){
    randomSampel($(this).parent().data('sample-id'));
  });

  $(".randomAllButton").click( function(){
    randomAll();
  });

  $(".saveButton").click( function(){
    save($(this).parent().data('sample-id'));
  });

  $(".musicSelect").change( function(){
    load_music();
  });

  $( "body" ).keydown(function( event ) {
    switch(event.which) {
      case keys[0]:
        postionChange(-10);
        break;
      case keys[1]:
        postionChange(-1);
        break;
      case keys[2]:
        postionChange(1);
        break;
      case keys[3]:
        postionChange(10);
        break;
      default:
        ;
    }
  });

    $(".samplePositionSlider").on("input change", function(){
        samples[selected].position = $(this).val();
        $(".position").val(samples[selected].position);
    });

    $(".samplePositionSliderZoom").on("mouseup", function(){
        postionChange($(this).val());
        setTimeout(function() { $(".samplePositionSliderZoom").val(0); }, 10);
    });

    $(".sampleDurationSlider").on("input change", function(){
        samples[selected].duration = $(this).val();
        $(".duration").val(samples[selected].duration);
    });
});

function setPosition(position){
    samples[selected].position = position;
    $(".samplePositionSlider").val(position);
}

function activateSampel(sample){
  $(".position").val(sample.position);
  $(".samplePositionSlider").val(sample.position);
  $(".sampleDurationSlider").val(sample.duration);
  $(".duration").val(sample.duration);
    selected = sample.id;
  $(".headerSettings .description").html("Selected " + (sample.id+1));
}