ブラウザで使える楽器用チューナーを公開しました

※一部の画像やリンクにはプロモーションが含まれます。
ブラウザで使える楽器用チューナーを公開しました ギターアクセサリー編

先日ふと思い立って、WEBブラウザで使える楽器用チューナーをつくってみました。

広義ではチューナーアプリなのですが、普通にWEBページを見るときの感覚で、事前にインストールをしないでも使うことができます。

チューナーアプリのホーム画面

チューナーが手元にない時に「とりあえず十分に」使えるツール

「これまでに一度もチューナーを買ったことがない人」は少ないかもしれませんが、「出先でチューナーを忘れていることに気づいたor電池が切れて交換できないor急に壊れて動かなくなった」という状況は珍しくないですよね。

すき間時間の自宅練習で、ケースから小物を出すのが面倒だという日もあるはず。

以前、チューナー選びの記事を書いたときにアプリの紹介もしたのですが、ひさしぶりに使ってみると会員登録やログインが必須になっていたり、いつのまにか大幅に仕様が変わっていて不安になることがあります。

あとは私自身がやみくもにスマホアプリをダウンロードしたくないタイプですし、(無料アプリであれば仕方ないんですが)さすがに画面中が広告だらけになっていると普段使いを敬遠してしまいます。

他の選択肢として、既存のオンラインチューナー(Webチューナー)も複数検索にヒットするものの、あまりピンとくるものが見当たらず、「こうなったらDIYでつくってしまおう」という経緯です。

オンラインチューナーの使い方|対応している楽器の種類

正直まだまだ試作品レベルではあるのですが、もし良かったらお気軽にご活用ください。

※チューニング音声データは外部送信されません。ユーザー端末のブラウザ内でのみ処理されます。

マニュアルなしで使える極力シンプルなデザインにしたつもりです。起動のタイミングで真ん中のボタンを押してマイク入力だけ許可してください。

チューナー起動直後のマイクをオンにして開始ボタン表示

チューニングが終わったら右上のボタンでマイクをオフにできるのと、「ページを閉じる」「しばらく使わない状態が続く」でも音声入力はオフに切り替わります。

チューニング対象以外の弦が共鳴しないように、弾かない弦は余った指でミュートしておこう。

みなさんスマホでエレキギター/アコースティックギターのチューニングをする用途が多いと思うので、デフォルトのプリセットは基準ピッチA440Hzのレギュラー6弦(EADGBE)にしました。

チューニング種別のプリセット選択画面

チューニング種別のプリセットを変更すると、次回起動時にその項目が引き継がれて選択されるはずです。

対応しているチューニングの種類

■ギター
レギュラー6弦:EADGBE
レギュラー7弦:BEADGBE
レギュラー8弦:F#BEADGBE
ドロップD:DADGBE
半音下げ:D#G#C#F#A#D#
DADGAD:DADGAD
オープンD:DADF#AD
オープンE:EBEG#BE
オープンG:DGDGBD
オープンC:CGCGCE

■ベース
レギュラー4弦:EADG
レギュラー5弦:BEADG

■ウクレレ
レギュラー:GCEA
Low-G:GCEA

■クロマチック

実際にお試しいただくと、OSやブラウザごとの仕様、パソコン/スマホ端末の特性、マイクや楽器との相性があるので、環境によっては「使い物にならない」「誤反応で全く精度が出ない」という場合も出てくるかと思います。

リリース前にできる限りの検証と調整は行いましたが、適宜アップデートを続けていくつもりですので、気長に見守っていただけると嬉しいです。

スマホのホーム画面に追加する方法とカラーバリエーション

チューニング種別の変更と同様に、歯車アイコンを開くとチューナーをスマホのホーム画面に追加するためのボタンがあります。

プログレッシブウェブアプリ (Progressive web apps, PWA) という仕様になっており、このボタンが効かない環境の場合は、ブラウザメニューからインストール可能です。

チューナUIに選択可能なカラーバリエーション

ちなみにカラーバリエーションもいくつか選べるようにしてあるので、ぜひお好みに合わせてチューナーの見た目も変更してみてください。

※本ツールの利用は自己責任とし、いかなる責任も負いかねます。無断複製・二次配布禁止、リンクやSNSでのシェアは歓迎です。

タイトルとURLをコピーしました