C++で作成したプログラムをJavascriptで動かしたい

Question

C++で作成したプログラムをJavascriptを介してブラウザ上で動作させたいと考えています。
具体的にはブラウザで取得した音声ファイルをC++の特定プログラムに読み込ませて処理させたいと考えています。
wasmを使って間を取り持つと書いてあったのですが、全く方針が立ちません。何か簡単な例で受取の取り持ち方法を教えていただけないでしょうか。

Comments

[退会済みユーザー]

えーと、どう動かしたいのですか？

[madongo]

どう動かしたいかというのは全体の動きでしょうか？
そうであれば、WebaudioAPIでマイクから取得した音声をwavに変換しそのファイルををターミナル上では実行可能なC++プログラムに渡す動きをしたいと考えています。

[退会済みユーザー]

<embed> で起動できる形式（ブラウザプラグイン）にしないとつらそうだな
IE限定なら他に方法はあるが

[madongo]

ブラウザプラグインの形の方法ならできるのでしょうか？
また、IEは使いたくないなどの縛りは全くありません

Answer 1

コンソールアプリケーションを書き換えてWebassemblyに変換することになると思いますが、データをどうやり取りするか？という質問でしょうか？

JavaScript側はFloat32ArrayなどのTypedArrayを使ってあげればいいと思います。
【WebAssembly】JS側で作成したtyped arrayをwasm側に渡す - shogonir blog

エラー処理はとりあえずC++17のstd::optionalを使ってしまいましょう。エラーメッセージ渡せないけどまあ誤差でしょう。
Webassemblyでもstd::optionalが使いたいのでemscripten binding書きます - Qiita

データがやり取りできさえすればあとは通常のC++プログラミングと何ら変わるところはないですね！

Comments

[madongo]

ブラウザのjavascript側で作ったwavファイルをC++のプログラム（ターミナルで音声ファイルを引数として渡すと内部でそのファイルを変換するように動く）で実行するまでの一連をブラウザで実行したいという質問の形でした。分かりにくい記述の仕方で申し訳ありません。

[yumetodo]

だから一回ファイルを介すると面倒なのですなおにbinaryを直接C++側に渡しませんか？という話です。

[madongo]

なるほど、その場合C++の実行形式をターミナルで音声ファイルを受け取る形ではなくwasmで内部で受け取って結果をまたbinaryで返すようにするということですね

[yumetodo]

あーwasmって書いてたから書かなかったから一応書かなかったけど、もう一つの選択肢はC++でサーバーを書いてlocalで実行して、ブラウザとはHTTP通信するという方法ですね。C++でネットワーキングとか地獄ですが。