動的に波形データを生成し、base64エンコードdataURIに変換、その後、 Webブラウザ内からHTML5 Audio要素を用いて再生する鍵盤の実装事例。

suzukiMY のブックマーク 2013/11/19 12:09

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/166798090/comment/suzukiMY" data-user-id="suzukiMY" data-entry-url="https://b.hatena.ne.jp/entry/s/keithwhor.com/music/" data-original-href="https://keithwhor.com/music/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkeithwhor.com%2Fmusic%2F" data-user-icon="/users/suzukiMY/profile.png">Musical Keyboard - JS Dynamic Audio Synth</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/audio">audio</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/HTML5">HTML5</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/base64">base64</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/sound">sound</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/GitHub">GitHub</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/MIT">MIT</a>]</li></ul><br><p style="clear: left">動的に波形データを生成し、base64エンコードdataURIに変換、その後、 Webブラウザ内からHTML5 Audio要素を用いて再生する鍵盤の実装事例。</p><a class="datetime" href="https://b.hatena.ne.jp/suzukiMY/20131119#bookmark-166798090"><span class="datetime-body">2013/11/19 12:09</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Musical Keyboard - JS Dynamic Audio Synth

keithwhor.com2013/10/26

Range [C3-B5] (Use left/right arrows to adjust with keyboard) This is a an emulated keyboard (a synthesizer!) that spans three musical octaves (C3-B5). Give it a shot, click any key with your mouse...

4 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Musical Keyboard - JS Dynamic Audio Synth

はてなブックマーク

公式Twitter

はてなのサービス