ブラウザという檻の中で、
クリップ抽出を実現するまで
Achieving Clip Export
Within Browser Constraints
Webの制約と格闘しながら、どうしても実現したかった機能。 Wrestling with browser limits — to build the feature that had to exist.
CANTO の開発では、EQ をはじめとする機能拡張を続ける中で、特に 長尺の音源、ライブ収録などから部分クリップを作成できる機能をどうしても実現したいと考えていました。 Throughout CANTO's development — expanding features like EQ and beyond — there was one capability I was absolutely determined to achieve: the ability to extract partial clips from long recordings and live sessions.
これは iTunes に対抗したかったわけではなく、会議メモや実務用途として本当に必要だと確信していたからです。長時間録音から必要箇所だけを切り出す。その機能の有無が、ツールとしての価値を決定づける。 This wasn't about competing with iTunes. I was simply convinced it was genuinely necessary for meeting notes and practical real-world use. The ability to extract only the needed segment from a long recording — that single feature defines the tool's value.
しかし、この機能の実装には想像以上に時間がかかりました。CANTO を Web ベースのアプリとして成立させるという前提を守ったことで、ブラウザが持つ制限を避けて通れなかったためです。
However, implementing this feature took far longer than expected. By committing to the principle that CANTO must work as a web-based app, we could not sidestep the constraints imposed by the browser.
WebAudio API と OfflineAudioContext を組み合わせることで、ブラウザ上でのオーディオスライシングが可能になります。ただし、ファイルサイズ・エンコード形式・メモリ上限という三重の壁が立ちはだかりました。
Combining WebAudio API with OfflineAudioContext makes audio slicing possible in the browser. However, three walls stood in the way: file size limits, encoding format constraints, and memory ceilings.
曲名の変更などは CANTO 内部のデータベース（IndexedDB）に保存されますが、オリジナルのファイル名そのものは書き換えないという設計も、Web アプリとしての制約と安全性を両立するための判断です。 Track name changes and other edits are saved to CANTO's internal database (IndexedDB), but the original filename itself is never rewritten — a deliberate design decision to balance web app constraints with safety.
「できること」と「できないこと」の境界を丁寧に扱いながら、CANTO の個性と価値を損なわない形を探り続ける。Carefully navigating the boundary between what's possible and what's not — always searching for a form that preserves CANTO's character and value.
こうした積み重ねの末に、現在のバージョンにたどり着きました。エクスポートは WAV（ロスレス）とMP3（CDN 経由）の2形式に対応し、IN/OUT 点を自由に指定してクリップを書き出せます。
Through this accumulation of effort, we arrived at the current version. Export supports two formats — WAV (lossless) and MP3 (via CDN) — with freely configurable IN/OUT points.
IN/OUT マーカーを波形上にドラッグするだけで、クリップの開始・終了点を直感的に指定できます。ライブ録音から会議音声まで、あらゆる長尺ソースに対応。出力ファイル名は自動的に _v2 サフィックスで生成されます。
Simply drag the IN/OUT markers on the waveform to intuitively set the clip start and end points. Works with any long-form source — live recordings, meetings, and more. The output filename is automatically generated with a _v2 suffix.
