使用 Rust 和 WebAssembly 重建 Prime Video 用户界面.pdf

1、ALEXANDRU ENEPRINCIPAL ENGINEER PRIME VIDEOWITH RUST AND WEBASSEMBLYALEXANDRU ENEPRINCIPAL ENGINEER PRIME VIDEO Challenges in this space Show how the Prime Video app worked before(with React and WebAssembly)UI code using the new Rust UI SDK Architecture overview Results&Lessons learned Q&A Gaming Co

2、nsoles,TVs,Set-Top Streaming sticks Performance differences Different hardware capabilities Updating the app is hardJavaScript VMNetworkMediaSTUFF WE DOWNLOADSTUFF ON DEVICEPrime Video appScene&Resource ManagementAnimationHigh-level RendererRenderer BackendStorageReact-LivingroomC+JavaScriptWebAssem

3、bly VMRustDevice AbstractionJavaScript VMPrime Video appScene&Resource ManagementAnimationHigh-level RendererReact-LivingroomWebAssembly VMDevice AbstractionCreate Image NodeID:0 x111Url:https:/.Width:300Height:600X:10Y:10Parent ID:0 x123.TVNetworkMediaSTUFF WE DOWNLOADSTUFF ON DEVICEPrime Video app

4、JS PagesAnimationHigh-level RendererRenderer BackendStorageC+WebAssembly VMRustScene&Resource ManagementRust UI SDKPrime Video AppTHE ENGINEComposable(e.g.Carousel Row)Widget(e.g.Label)Composable(e.g.Carousel Row)Widget(e.g.Label)Layout ComponentBase ComponentRenderInfo ComponentText ComponentText C

5、ache ComponentComposable(e.g.Carousel Row)Composable(e.g.Channel Card)Widget(e.g.Label)Layout ComponentComposable(e.g.Carousel Row)Composable(e.g.Channel Card)Widget(e.g.Button)Layout ComponentBase ComponentRenderInfo ComponentFocus ComponentWidget(e.g.Label)Layout ComponentComposable(e.g.Carousel R

6、ow)Composable(e.g.Channel Card)Widget(e.g.Image)Widget(e.g.Button)Layout ComponentBase ComponentRenderInfo ComponentLayout ComponentBase ComponentRenderInfo ComponentImage ComponentFocus ComponentWidget(e.g.Label)Layout ComponentComposable(e.g.Carousel Row)Composable(e.g.Channel Card)Composable(e.g.