Example for a Emscripten project boilerplate
| #!/bin/bash | |
| set -e | |
| export OPTIMIZE="-Os" | |
| export LDFLAGS="${OPTIMIZE}" | |
| export CFLAGS="${OPTIMIZE}" | |
| export CPPFLAGS="${OPTIMIZE}" | |
| eval $@ | |
| echo "=============================================" | |
| echo "Compiling libvpx" | |
| echo "=============================================" | |
| test -n "$SKIP_LIBVPX" || ( | |
| rm -rf build-vpx || true | |
| mkdir build-vpx | |
| cd build-vpx | |
| emconfigure ../node_modules/libvpx/configure \ | |
| --target=generic-gnu | |
| emmake make | |
| ) | |
| echo "=============================================" | |
| echo "Compiling libvpx done" | |
| echo "=============================================" | |
| echo "=============================================" | |
| echo "Compiling wasm bindings" | |
| echo "=============================================" | |
| ( | |
| # Compile C/C++ code | |
| emcc \ | |
| ${OPTIMIZE} \ | |
| --bind \ | |
| -s STRICT=1 \ | |
| -s ALLOW_MEMORY_GROWTH=1 \ | |
| -s ASSERTIONS=0 \ | |
| -s MALLOC=emmalloc \ | |
| -s MODULARIZE=1 \ | |
| -s EXPORT_ES6=1 \ | |
| -o ./my-module.js \ | |
| -I ./node_modules/libvpx \ | |
| my-module.cpp \ | |
| build-vpx/libvpx.a | |
| # Create output folder | |
| mkdir -p dist | |
| # Move artifacts | |
| mv my-module.{js,wasm} dist | |
| ) | |
| echo "=============================================" | |
| echo "Compiling wasm bindings done" | |
| echo "=============================================" |
| FROM trzeci/emscripten | |
| RUN apt-get update && \ | |
| apt-get install -qqy doxygen |
| <!doctype html> | |
| Open the console to see the output from the wasm module. | |
| <script type="module"> | |
| import wasmModule from "./my-module.js"; | |
| const instance = wasmModule({ | |
| onRuntimeInitialized() { | |
| instance.sayHello(); | |
| } | |
| }); | |
| </script> |
| #include "vpxenc.h" | |
| #include <emscripten/bind.h> | |
| using namespace emscripten; | |
| int say_hello() { | |
| printf("Hello from your wasm module with libvpx %d\n", VPX_CODEC_ABI_VERSION); | |
| return 0; | |
| } | |
| EMSCRIPTEN_BINDINGS(my_module) { | |
| function("sayHello", &say_hello); | |
| } |
| { | |
| "name": "my-worldchanging-project", | |
| "scripts": { | |
| "install": "napa", | |
| "build:dockerimage": "docker image inspect -f '.' mydockerimage || docker build -t mydockerimage .", | |
| "build:emscripten": "docker run --rm -v $(pwd):/src mydockerimage ./build.sh", | |
| "build:app": "cp index.html dist/index.html", | |
| "build": "npm run build:dockerimage && npm run build:emscripten && npm run build:app", | |
| "serve": "http-server -c0 dist" | |
| }, | |
| "devDependencies": { | |
| "http-server": "*" | |
| }, | |
| "dependencies": { | |
| "napa": "^3.0.0" | |
| }, | |
| "napa": { | |
| "libvpx": "git+https://github.com/webmproject/libvpx" | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment