Tone.jsを使ãˆã°éŸ³æ¥½çŸ¥è˜ã‚¼ãƒã®ç§ã§ã‚‚ç°¡å˜ã«ä½œæ›²ã—ã¦éŠã¹ãŸï¼ - Qiita
import Tone from "tone"; const synth = new Tone.Synth().toMaster(); // note:ドレミãªã©ã®éŸ³éšŽã‚’指定 // dur:「4nã€->「♩ã€(四分音符)ã€ã€Œ8nã€->「♪ã€(八分音符) // nullã ã¨ä¼‘符 const data = [ { note: "E4", dur: "8n" }, { note: "F4", dur: "4n" }, [{ note: "G4", dur: "8n" }, { note: "G4", dur: "8n" }], { note: "G4", dur: "4n" }, { note: "E4", dur: "8n" }, [{ note: "G4", dur: "8n" }, { note: "C5", dur: "8n" }], { note: "C5", dur: "8n" },
ã€Web Audio API + Web MIDI API】ブラウザã§é›»å楽器を作ã£ã¦ã¿ã‚ˆã†ï¼
ã€Web Audio API + Web MIDI API】ブラウザã§é›»å楽器を作ã£ã¦ã¿ã‚ˆã†ï¼ æ²³åˆè‰¯å“‰ ブラウザ上ã§éŸ³ã‚’扱ã†ã¨ã„ã†ã¨ã€ç›´æŽ¥éŸ³ã‚’åŠ å·¥ã§ãã‚‹Web Audio APIã€ãƒ–ラウザã‹ã‚‰ç›´æŽ¥MIDIデãƒã‚¤ã‚¹ã¨æŽ¥ç¶šã§ãã‚‹Web MIDI APIã®2ã¤ãŒã“ã“æ•°å¹´ã®é–“ã«åˆ©ç”¨å¯èƒ½ã«ãªã‚Šã€å®Ÿéš›ã®Webサイトã§ã‚‚使ã‚れるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 今回ã¯ã€Œãƒãƒ³ã‚ºã‚ªãƒ³ã ã¨ã‚‚ã£ã¨ã‚ˆã‹ã£ãŸã€ã¨ã„ã†ãŠå£°ã‚’ã„ãŸã ãã¾ã—ãŸHTML5 Conference 2015ã§ã®è¬›æ¼”内容を元ã«ã€2ã¤ã®APIã®èª¬æ˜Žã¨ã€å®Ÿéš›ã«ãƒ–ラウザ上ã«é›»å楽器ã®1ã¤ã§ã‚るシンセサイザーを作ã£ã¦ã—ã¾ã†ã¨ã„ã†è¨˜äº‹ã§ã™ã€‚ 記事ä¸ã®ã‚µãƒ³ãƒ—ルã¯GitHubã«å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€ãã¡ã‚‰ã‚‚åˆã‚ã›ã¦ã”å‚ç…§ãã ã•ã„。 利用ã™ã‚‹APIã®èª¬æ˜Ž
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}