WebAssemblyとMP4レンダリングがバックエンドなしでブラウザで実行

Simon Willison氏は5月から、markdown-svg-rendererというウェブツールを開発しています。これは、埋め込まれたアニメーションSVGを含むMarkdownを他の人がすぐに見られるように共有するにはどうすればよいか、という具体的な問題を解決します。ユーザーはコード、またはCORSアクセス可能なドキュメントのアドレスを貼り付けることができます。

古いプラットフォームは静的なフォールバックを受け取る

多くのプラットフォームはSVGアニメーションをサポートしていません。したがって、PNGおよびJPEGタブは、Markdownコンテンツをダウンロードまたはコピーできる一般的な形式にレンダリングできます。結果のリンクはブックマーク可能です。

WebAssemblyがローカルプロセッサを酷使する

最も興味深い仕掛けは、新しいMP4タブで起こります。ツールはSVGにアニメーションが含まれているかどうかを確認し、ループの長さを推定します。次に、30MBを超えるffmpeg.wasmライブラリをダウンロードし、ブラウザ内で個々のフレームを最終的なビデオに組み立てます。

開発者はレンダリングのインフラストラクチャ費用を削減する

すべてのプロセスは、ユーザーのデバイス上のWebAssemblyを介して排他的に実行されます。作者はビデオ処理のバックエンドに料金を支払う必要がありません。計算能力は、訪問者側の最新のブラウザによって提供されます。

リンクはアプリケーションをステートレスに保つ

URLから読み込まれると、ページはアドレスバーに直接参照を保存します。ユーザーはいつでも戻って結果を共有できます。これにより、ツールはすべての負荷をクライアントに移行し、それ自体は完全にパッシブなインフラストラクチャとして機能します。

Lilithの判定

生成されたビデオの分数分Amazonに支払うくらいなら、訪問者に30MBのWebAssemblyをダウンロードさせ、自らのプロセッサを酷使させる方が賢明です。