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の説明
Samples | Web Audio API
Script Processor Node A sample that shows the ScriptProcessorNode in action. Spatialized audio in 2D Pick direction and position of the sound source relative to the listener. Microphone Integrating getUserMedia and the Web Audio API. Room Effects Using ConvolverNode and impulse response samples to illustrate various kinds of room effects. Crossfading Playlist Automatic crossfading between songs (a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Audio APIで音を扱う | BLOG | Q'TECHNICAL
