cxchord
Version:
Midi Chord Recognizer
25 lines • 1.01 kB
HTML
<html>
<head>
<title>cxchord HTML Example</title>
<meta http-equiv="content-type" content="text/html; image/svg; charset=utf-8 ;">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' blob: data:; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'">
</head>
<body>
<h2> Match midi notes 64, 67, 71, 72, 74, 78, 81 ( E, G, B, C, D, F#, A ) </h2>
<blockquote>
Identifies a Cmaj type chord in first inversion (displaying the ranked probabilities of the first 15 chord-posibilities):
<table>
<tr>
<td >
<canvas id="visualization" height="400" width="1300" ></canvas>
</td>
<td>
<div id="legend"></div>
</td>
</tr>
</table>
</blockquote>
<script type="text/javascript" src="./sample.html.bundle.js"></script>
</body>
</html>