2016/05/31 (2016年05月 のアーカイブ)
webaudio-controlsをちょっと更新
放置気味になっていたJavascriptのGUIパーツライブラリ、webaudio-controlsを最新のPolymerに対応させました。
ノブのイメージファイルを使用して実際のハードウェア風のGUIが作れるというのが本来目指している方向ではあるんですが、今回イメージファイルを割り当てずに使用した場合のデフォルト表示系をSVG化して、ついでに簡単な色指定ができるようにしてあります。
https://github.com/g200kg/webaudio-controls
SVGなので大きさを変えても綺麗ですし、がっつり作りこむ前のお手軽なプロトタイピングでそれなりに使えるのではないかと思います。
ただちょっと残念な所があってAudio系のアプリで使うつもりのライブラリではあるのですが、Polymerの下回りで使用されるWebComponentsのPolyfill、webcomponents.jsがどうもWeb Audio APIの一部APIと相性がよろしくない部分があります。
ChromeではWebComponentsがネイティブサポートされるので問題ないのですが、それ以外のブラウザでは webcomponents.js がDOMオブジェクトの構造を書き換えてしまいますので、DOMオブジェクトを引数に取るcreateMediaElementSource()なんかがエラーを起こすという症状が出ます。まあ、Firefoxもネイティブ WebComponentsを実装中のようですので待っていればそのうち解決するでしょうけど。
Posted by g200kg : 2016/05/31 17:03:04