speech2sing/pitch.html at master · stdio2016/speech2sing · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Detect pitch</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="js/forSafari.js"></script>
  <script src="lib/IndexedDB-getAll-shim.js"></script>
  <script src="js/storage.js"></script>
  <script src="lib/fft.js"></script>
  <script src="js/pitch.js"></script>
</head>
<body>
<h1>Detect pitch</h1>
<p>Choose a sound in browser:</p>
<p>
<select class="sound-clips">
<option value="loading">Loading...</option>
</select>
<button id="btnAnalyzeClip" onclick="analyzeClip()">Analyze</button>
</p>
<p>Or choose a file:</p>
<p><input type="file" id="fileSound">
<button onclick="analyzeFile(fileSound.files[0])">Analyze</button>
<button onclick="saveToBrowser(fileSound.files[0])">Save to browser</button></p>
<p>
  Output option:
  <select id="selOutput">
    <option value="noEffect">Original sound</option>
    <option value="mute">Mute</option>
    <option value="hum">Hum pitch</option>
    <option value="resynth">Correct pitch</option>
    <option value="robotic">Robotic</option>
    <option value="highVoice">Octave higher</option>
    <option value="lowVoice">Octave lower</option>
    <option value="girl">To female voice</option>
    <option value="boy">To male voice</option>
    <option value="harmonic">Harmonic effect</option>
    <option value="helium">Helium effect</option>
    <option value="SF6">Sulfur hexafluoride effect</option>
  </select>
  <select id="selKey">
    <option value="0">C/Am</option>
    <option value="1">Db/Bbm</option>
    <option value="2">D/Bm</option>
    <option value="3">Eb/Cm</option>
    <option value="4">E/C#m</option>
    <option value="5">F/Dm</option>
    <option value="6">F#/D#m</option>
    <option value="7">G/Em</option>
    <option value="8">Ab/Fm</option>
    <option value="9">A/F#m</option>
    <option value="10">Bb/Gm</option>
    <option value="11">B/G#m</option>
  </select>
</p>
<p id="txtProgress"></p>
<p><canvas id='spectrum' style="height:100%;width:100%;max-width:500px;"></canvas></p>
<div>
  <button type=button onclick="moveSpec(-100)">&lt;</button>
  <button type=button onclick="moveSpec(100)">></button>
</div>
<script src="js/pitch_ui.js"></script>
</body>
</html>