仕様策定中のプロトコルを Rust で書いてブラウザで動かしてみた

【増枠】2024年Rust Webアプリ開発の現在
https://findy.connpass.com/event/319829/

で利用した発表資料です。

Transcript

1. 仕様策定中のプロトコルを Rustで書いてブラウザで動かしてみた 2024年Rust Webアプリ開発の現在 NTTコミュニケーションズ株式会社 内田 裕貴
2. 内田 裕貴(Ucchy) X: @yuki_wtz NTTコミュニケーションズに2019年に新卒入社 WebRTC Platform SkyWayでDevOps/Researchエンジニア Rustは自由研究で使ってるくらいで詳しくない 好きなもの ゲーム(League of Legends) コーヒー(中深煎) シーシャ メディア処理の技術 データサイエンス
3. 今日話す内容 Media over QuicTransportについて Rustで書いてWebAssemblyで動かす 感想
4. Media over QuicTransport
5. HLSの安定性・WebRTCの低遅延性を 両立させるメディア配信プロトコル
6. HLSの安定性・WebRTCの低遅延性を 両立させるメディア配信プロトコル https://datatracker.ietf.org/meeting/interim-2023-moq- 08/session/moq
7. HLSの安定性・WebRTCの低遅延性を 両立させるメディア配信プロトコル QUIC/HTTP3/WebTransport などのモダンなプロトコルの上に構築されるプ ロトコル https://datatracker.ietf.org/meeting/interim-2023-moq- 08/session/moq
8. WebTransportについては こちらの記事を参照 Media over QuicTransportについては こちらのスライドを参照
9. Rustでプロトコルを実装して WebAssemblyでブラウザ上で動かす
10. Media over QuicTransport の構成
11. Media over QuicTransport の構成
12. moqt-core RustでMOQT Messageフォーマットやbytes文字列への相互変換処理を実装
13. moqt-core RustでMOQT Messageフォーマットやbytes文字列への相互変換処理を実装 https://datatracker.ietf.org/doc/draft-ietf-moq-transport/01/ 仕様には約15種類程度のMessageが存在
14. moqt-core RustでMOQT Messageフォーマットやbytes文字列への相互変換処理を実装 https://datatracker.ietf.org/doc/draft-ietf-moq-transport/01/ 仕様には約15種類程度のMessageが存在 MOQTはPubSubモデルを採用しており、 メディアはANNOUNCE -> SUBSCRIBEされる
16. MOQT Messageフォーマットの定義
17. MOQT Messageフォーマットの定義 パケットのbytes配列 <-> Rust Objectの相互変換処理
18. moqt-client MOQT CoreをJavaScriptから呼びだせるようにブリッジ層の役割を担う
19. moqt-client MOQT CoreをJavaScriptから呼びだせるようにブリッジ層の役割を担う wasm-bindgenでJSからRustのコードを呼び出せる様にbind websysでRustからJS(WebブラウザAPI)を呼び出せる様にbind
21. wasm-bindgenでjsからRustのコードを呼び出せる様に wasm-bindgenでjsからRustのコードを呼び出せる様に
22. wasm-bindgenでjsからRustのコードを呼び出せる様に wasm-bindgenでjsからRustのコードを呼び出せる様に web_sysでRustからWebブラウザAPIである WebTransportAPIを呼び出せる様に
23. frontend MOQT Clientのブリッジコードを呼び出してアプリケーションを実装
26. やってみた感想
27. やってみた感想 Client/Serverの両方でRustで書かれたMOQT Coreを呼び出すことで、MOQT Messageを二重実装しなくて済んだ
28. やってみた感想 Client/Serverの両方でRustで書かれたMOQT Coreを呼び出すことで、MOQT Messageを二重実装しなくて済んだ web-sysクレートを使ってブラウザAPIをRustから呼び出せる様にしたことで、js側 のコードが必要最小限になって済んだ
29. 終わり X: @yuki_wtz (Follow me!)