読者です 読者をやめる 読者になる 読者になる

【js小ネタ】WebAudioAPIで入力した文字の音が鳴るアプリ作ってみた

JavaScript CoffeeScript

Web Music ハッカソン #2 を開催します - Google Japan Developer Relations Blog
週末これに参加しようと思うので、
WebAudioAPIについてちょっと調べてみました。

とりあえず全然使い方がわからないので、このあたりを見て勉強。
Getting Started with Web Audio API - HTML5 Rocks
Web Audio API 解説 - 01.前説 | g200kg Music & Software
Web Audio API を使用してウェブブラウザをギターのチューナーにする件. | hirooka.pro

どれみのうた

とりあえず、特定の周波数の音を出して遊んでみました。

成果物がこれ →どれみのうた
どれみーって文字をいれると、どれみーって鳴ります。
ーで伸ばして、スペースで休符です。
2時間くらいで楽しく作りました( ・ω・)

コードはこっち
cocodrips/doremi · GitHub

本体はほとんどここ。
doremi/script/doremi.coffee at master · cocodrips/doremi · GitHub

気が向いたら#,♭対応するかも?

WebAudioAPI

少し調べてみたけど、まだ一体なにができるのかよくわかってないので
週末いろいろ聞いてみよう。