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

S.F. Page

Programming,Music,etc...

YMO Giga CapsuleのビューワをElectronで作ってみている(8)

Electron 音楽・動画 JavaScript HTML5 YMO GigaCapsule Viewerを作る

昨日からRemix部分を作り始めている。今のところはフェーダーが7個並んでいるだけというさみしい画面である。

https://41.media.tumblr.com/e2070562e394efd09d0568347024faef/tumblr_nw5qpsaO8p1s44dwzo1_1280.png

このRemix機能というのは「Behind The Mask」「Rydeen」「Solid State Survivor」「Technopolis」「Tong Poo」の5曲のうちから1曲選んで、その曲の各トラックのミュート・音量をコントロールしてミックスできるというものだ。マルチトラックレコーダーは24chだったからそれぞれのトラックをミキシングできればすごくうれしいのだが、残念ながら7トラックにまとめられている。まあそれでも結構すごいことなのだ。ドラムはコンプとかがかかっていない素の音が入っていたりして、それがまたうれしかったりする。

今のところ、トラックデータを取り込んでミックスできるようにはなった。Web Audioにはディレイやコンプ、リバーブ、パンもあるのでそれを使うと結構面白いことができそうだ。ただ音源データの取り込みにすごく時間がかかる。BufferからArrayBufferへ変換して、さらにデコードするから1トラックあたり数秒程度かかってしまう。これを何とかしたいが。

ちょっと思ったのはNative Moduleを作ってVSTをつなげるようにしたりとか、WASAPIで出力できるようにしたりすると楽しいだろうなぁと思ったけど、私にはちょっと無理かなぁ。。

フェーダー(Slider)はd3.jsのBrushというのを使って作った。コードは下記のサンプルほぼそのままだが。

Brush as Slider

問題は複数のフェーダーをマルチタッチで同時に操作しようとしてもできないところ。フェーダーは作り直す必要があるかもしれない。

Giga Capsule?20th ANNIVERSARY King of Techno? [DVD]

Giga Capsule?20th ANNIVERSARY King of Techno? [DVD]