用 Javascript 播放音符

Question

我正在開發一個小的免費軟件項目，它基本上是一個音樂鍵盤和樂譜編輯器。

我在這個項目中的第一步是演奏音符或構思音符本身。 我使用音色，這是一些記錄在案的http://mohayonao.github.io/timbre.js 。 我的第一個功能是將例如“C4”（do4 en français）從正弦函數轉換為音頻。

但我現在不能做的是演奏和停止音符。 播放適用於開始正弦波，但是當我播放第二個音符時，第一個音符不會消失，所以我得到了 2 個正弦，然后是 3

我的腳本https://gitlab.com/mdahmen/Laterreestron.de/blob/master/pagesandapps/partgenie/js/lecture.js

http://mohayonao.github.io/timbre.js

測試頁面： http : //laterreestron.de/pagesandapps/partgenie/index.php

Answer 1

我是能夠發揮使用筆記synth.noteOnWithFreq()然后使用結束它們synth.noteOff()的代碼是基於合成器上例如timbre.js項目頁面。 確保您包含keyboard.js庫，如下所示。

運行代碼片段，點擊輸入框，輸入一些字母

 var synth = T("OscGen", { wave: "saw", mul: 0.25 }).play(); var keydict = T("ndict.key"); var midicps = T("midicps"); T("keyboard").on("keydown", function(e) { var midi = keydict.at(e.keyCode); if (midi) { var freq = midicps.at(midi); synth.noteOnWithFreq(freq, 100); window.key.innerHTML = midi; window.freq.innerHTML = freq.toFixed(2); } }).on("keyup", function(e) { var midi = keydict.at(e.keyCode); if (midi) { synth.noteOff(midi, 100); } }).start();

 <script src="http://mohayonao.github.io/timbre.js/timbre.js"></script> <script src="http://mohayonao.github.io/timbre.js/src/extras/keyboard.js"></script> <div>KeyCode: <span id="key"></span>, Freq: <span id="freq"></span></div> <input id="keyboard" placeholder="Type some letters here">