I am playing with the trio node.js + rust + wasm to do some video processing. I will transform my webcam videostream into a "gameboy" effect (essentially a <pre>
tag filled in real time with shining chars).
The html+css code is taken from here.
It's still a work in progress.
You need wasm-pack to build the rust code into wasm. I usually use nodeenv to create a node.js environment with the correct node version, but you are not forced to go that way. Anyway, I am using the latest LTS that is now v18.17.1.
Then:
wasm-pack build
cd www
npm install
npm run start
Go to localhost:8080 to see it in action!
###################################### ###################################### ###################################### ######################################
A template for kick starting a Rust and WebAssembly project using wasm-pack.
Built with ๐ฆ๐ธ by The Rust and WebAssembly Working Group
๐ Read this template tutorial! ๐
This template is designed for compiling Rust libraries into WebAssembly and publishing the resulting package to NPM.
Be sure to check out other wasm-pack
tutorials online for other
templates and usages of wasm-pack
.
Learn more about cargo generate
here.
cargo generate --git https://github.com/rustwasm/wasm-pack-template.git --name my-project
cd my-project
wasm-pack build
wasm-pack test --headless --firefox
wasm-pack publish
wasm-bindgen
for communicating between WebAssembly and JavaScript.console_error_panic_hook
for logging panic messages to the developer console.LICENSE-APACHE
andLICENSE-MIT
: most Rust projects are licensed this way, so these are included for you
Licensed under either of
- Apache License, Version 2.0, (LICENSE-APACHE or http://www.apache.org/licenses/LICENSE-2.0)
- MIT license (LICENSE-MIT or http://opensource.org/licenses/MIT)
at your option.
Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the Apache-2.0 license, shall be dual licensed as above, without any additional terms or conditions.