/
beats.html
105 lines (89 loc) · 5.18 KB
/
beats.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
<title>Beats</title>
</head>
<body>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script> -->
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script> -->
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<a href="index.html"><h3>CUTHBERT</h3></a>
</div>
<ul class="list-unstyled components">
<p>Menu</p>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="beats.html">Beats</a>
</li>
<li>
<a href="chords.html">Chords</a>
</li>
<li>
<a href="melody.html">Melody</a>
</li>
<li>
<a href="challenges.html">Challenges</a>
</li>
<li>
<a href="next_steps.html">Next Steps</a>
</li>
<li>
<a href="putting_it_all_together.html">Putting It All Together</a>
</li>
<li>
<a href="acknowledgements.html">Acknowledgements</a>
</li>
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<h1>Beats</h1>
<p>
In order to generate beats, we started with Magenta's Groove MIDI Dataset. This dataset contains over 1150 MIDI files and is mostly in 4/4 time with a few exceptions. When imported into music21, the dataset is represented as a regular score would be, but each MIDI pitch number corresponds to a unique drum. For example, the pitch C1, corresponding to MIDI pitch 36, represents a kick drum.
</p>
<p>
We discovered that while chords and melodies sound horrendous when joined together randomly, beats could generally be processed independent from chords and melodies. The main obstacle in joining these beats with chords and melodies is with rhythm.
</p>
<p>
To solve the rhythm problem, we used the heuristic of only keeping in kicks and snares (corresponding to MIDI pitches 36, 38, and 40 in the data representation). We did this because we saw that kicks and snares often lie on the main beat, with other drums acting as embellishments between these beats. This also kept our beats simple.
</p>
<p>
In order to do this, we loaded the Groove dataset into music21, iterated through each "note" (or chord, representing multiple drums on one beat), and removed everything that wasn't a kick or snare. This was our final beat representation.
</p>
<p>
Below is the first two measures of one of the Groove MIDI samples, before filtering:
</p>
<img src="imgs/before_filtering.png">
<p>
The same sample, after filtering:
</p>
<img src="imgs/after_filtering.png">
</div>
</div>
</body>
</html>