Web Audio APIとSOUND LAB

最近，Web Audio APIをちょっと触っています。
Web Audio APIは，文字通りWeb上でjavascriptを使って音声データを扱うための仕組みで，ソース，ゲイン，出力など，さまざまなノードをグラフに接続していくことで，簡単に音声を操作することができます。
参考資料としては，O'REILLYの「Web Audio API」。（電子書籍のみです）

驚いたのが，発信器やFFTをしてくれるノードまで用意されていること。
さすがに，javascriptで生の波形データをFFTするのは厳しいと思っていたのですが，API側でそこまでやってくれるのであれば，（おそらくそこはネイティブで動いているので）パフォーマンス的な不安はありません。また，今のところChrome限定みたいですが，マイク入力を扱うこともできます。
あと，HTML + javascriptということで，iOSやAndroid（上のChorme）でも動作します。（※Androidに関しては，結構端末依存のようで，XperiaやGalaxyはかなり最近の機種でもダメっぽいのが残念ですが）

というわけで，Web上で音声の周波数解析ができるものを作ってみました。

とりあえず，PC（Windows / Mac）上のGoogle Chromeもしくは，Web Audio APIに対応したAndroid端末上のChromeブラウザで見ることをお薦めします。
※Web Audio APIに対応していない端末でアクセスすると，「お使いのブラウザでは，Web Audio APIがサポートされていません。」というメッセージが表示されます。不明な場合は，とりあえずアクセスしてみてください。
※iOSは未確認です。とりあえず，Web Audio APIに対応していることは確認済ですが，マイク入力に対応しているかは不明です。

それにしても，Web（というかブラウザ）上でここまでできるというのは驚きです。

なお，この周波数解析の可視化部分のコードは，上記参考資料のサンプルコードほぼそのままです。

コメント

コメントを投稿

このブログの人気の投稿

Linuxでの省電力設定

イメージ
 先日，バッテリーを交換したThinkPad X1 Carbon， 基本バッテリーで運用 バッテリーが減ったら充電 という，スマホと同じような運用をしばらくしていたのですが，やはり，これはこれでバッテリーの充電サイクルが増えるのが気になる。また，バッテリーを100%まで充電することそのものがよくなくて，80%程度までの充電にしておくと，寿命が劇的に伸びるらしい。 結局、ノートパソコンは電源につなぎっぱなしにして良いの？ダメなの？  [lifehacker] 確かに，メーカー製PCだと，満充電させないためのユーティリティがついていることもある。が，実はこのPCはLinux (Linux Mint)を入れて使っているので，Lenovo純正のユーティリティは使えない。 で，調べてみたところ，Linux上でもtlpというソフトを使うことで，自動的に省電力設定を有効にしたり，バッテリーの充電閾値を設定したりできるようなので，インストールしてみた。また，現在の消費電力を確認することができるpowertopというソフトも入れてみた。 powertopはコマンドラインのソフトで，こんな感じ。 で，tlpをインストールし，/etc/tlp.confで， START_CHARGE_THRESH_BAT0=75 STOP_CHARGE_THRESH_BAT0=80 と設定すると，バッテリー残量75%で充電開始し，80%でストップするよう。 また，デフォルトの設定で，バッテリー使用時の消費電力を劇的に減らしてくれる。 とりあえず，これでしばらく使ってみようかな。
続きを読む

MSFS2020 G1000でのVORの使い方 (C172)

イメージ
MSFS2020のセスナ C172 (G1000)などに搭載されているグラスコックピットシステムのガーミンG1000のVOR操作方法を簡単にまとめてみました。以下，キーはデフォルトのキーバインドのものですので，カスタマイズしている場合は適宜読み替えてください。 また，私はパイロットでもなければ航空機の免許を持っているわけでもない，フライトシミュレータが好きな一般人なので，操作が正しいものかどうかはわかりません。その点もご了承ください。 セスナC172 (G1000) まずは，名古屋空港(RJNA)の駐機場です。ゲートや駐機場でスタートすると，エンジンがかかっておらず，アビオニクスが使えません。というわけで，とりあえずは「Ctrl + E」でエンジンスタート。 エンジンがかかると，アビオニクスの電源が入って，グラスコックピットが使えるようになります。 ここで「Ctrl + 1」を押して，グラスコックピットのPFD (Primary Flight Display)を拡大します。 PFD (Primary Flight Display) 水平儀や速度計などは見ればわかると思いますが，この中で無線航法機器（主にVOR）の使い方がよくわからなかったので，試行錯誤してある程度使えるようになりました。 まず，何はともあれVOR局の無線周波数を設定してやらないといけません。 VORの周波数設定は，PFD左上の部分です。VOR1 / VOR2に対応するNAV1 / NAV2それぞれの周波数が表示されています。2個あるのは，右がアクティブ（使用されている周波数）で左がスタンバイです。スタンバイ側の周波数を変更した上で，アクティブと入れ替えます。画面の例では，NAV1が選択（変更可能）された状態です。 周波数を変更するのは，左側の「NAV」のつまみ。「Tune NAV reciever standby frequency (increase)」と表示されていますが，つまみを回すことで数値を増減します。つまみの右側でクリックすると増，左側だと減です。 注意することとしては，つまみは二重になっていて，外側のつまみが周波数の整数部分，内側のつまみが小数部分を変更するようになっています。正直，マウスだとどちらを操作しているかわかりにくいです。 スタンバイ側で数値を設定したら，NAVの上にある「↔...
続きを読む

Word 2016の不具合

会社で自分が使っているPC，昨年末に購入したもので，Office Home & Business Premiumがインストールされている。（Office Premiumは，プレインストール版のOffice 365） で，せっかくなのと，今後のテストのため，Officeを2013から2016にアップグレードしてみた。 アップグレードの方法自体，かなりわかりにくいと思うけど，それはいろいろと紹介されているのでパス。 問題は，Word 2016。これに，日本語環境でかなり致命的な問題がありそう。その記録として書いておく。 なお，下記を試した環境は， Windows 8.1 Pro Office Home & Business Premium ATOK 2015 1. ATOKで丸付き数字・記号文字が入力できない Word 2016を起動し，「①」「②」などの丸付き数字，「○」「△」「→」などの記号文字を入力しようとすると， ATOKを日本語入力状態にする。 キーボードから「１」と入力する。 「スペース」キーを押して，変換する。 「①」が出てきたところで，「Enter」を押して確定する。 入力されない… おまけに，キャレット（カーソル）の直後の文字の背景色が水色になる。（で，外せない） 会社だと，これらの文字は結構使うので，相当不便。 一応，回避策としては， Word 2016の「挿入」→「記号と特殊文字」から入力する。 別途，エディタに入力しておいて，コピペする。 Windowsの文字コード表から入力する。 というのがあるものの，いずれも相当面倒くさい。 もう一つ，実用度が非常に低い回避策としては， Word 2016上で「Insert」キーを押して，「置換モード」で入力する。 というのがあるが，当然ながら，キャレット位置の文字が上書きされて消されてしまう。おまけに，下記のMS-IMEでの問題はそのまま発生する。 2. 丸付き数字・記号文字の書体が変えられない 同じ環境で，ATOKからMS-IMEに切り替え（Ctrl + Shift），MS-IMEから入力すると，一応入力が可能。ただし， 本文をメイリオで入力していたとしても，丸付き数字や記号文...
続きを読む