Comparing version
{ | ||
"name": "webm-wasm", | ||
"version": "0.2.1", | ||
"version": "0.3.0", | ||
"description": "webm-wasm lets you create webm videos in JavaScript via WebAssembly.", | ||
@@ -9,4 +9,4 @@ "scripts": { | ||
"build:modularize": "echo 'export default webmWasm;' >> dist/webm-wasm.js", | ||
"build:bundle:worker": "microbundle build --name webmworker -o dist/webm-worker.js src/worker/webm-worker.js", | ||
"build:bundle:transformstreamworker": "microbundle build --name webmtransformstreamworker -o dist/webm-transformstreamworker.js src/worker/webm-transformstreamworker.js", | ||
"build:bundle:worker": "microbundle build -f cjs -o dist/webm-worker.js src/worker/webm-worker.js", | ||
"build:bundle:transformstreamworker": "microbundle build -f cjs -o dist/webm-transformstreamworker.js src/worker/webm-transformstreamworker.js", | ||
"build:bundle": "npm run build:bundle:worker && npm run build:bundle:transformstreamworker", | ||
@@ -13,0 +13,0 @@ "build": "npm run build:dockerimage && npm run build:emscripten && npm run build:modularize && npm run build:bundle", |
# webm-wasm | ||
webm-wasm lets you create webm videos in JavaScript via WebAssembly. The library consumes raw RGBA buffers (like `ImageData` from a `<canvas>`, for example) and turns them into a webm video with the given framerate and quality. With realtime mode you can also use webm-wasm for streaming webm videos. | ||
webm-wasm lets you create webm videos in JavaScript via WebAssembly. The library consumes raw RGBA32 buffers (4 bytes per pixel) and turns them into a webm video with the given framerate and quality. This makes it compatible out-of-the-box with [`ImageData`][imagedata] from a `<canvas>`. With realtime mode you can also use webm-wasm for streaming webm videos. | ||
@@ -34,3 +34,3 @@ Works in all major browsers (although Safari can’t play webm 🐼). | ||
while (hasNextFrame()) { | ||
// ArrayBuffer containing RGBA data | ||
// ArrayBuffer containing RGBA24 data | ||
const buffer = getFrame(); | ||
@@ -47,3 +47,3 @@ worker.postMessage(buffer, [buffer]); | ||
(You can find an implementation of `nextMessage()` in [`src/worker/webm-worker.js`][nextMessage]) | ||
(You can find an implementation of `nextMessage()` in [`src/worker/webm-worker.js`][nextmessage]) | ||
@@ -66,3 +66,3 @@ ### Constructor options | ||
const buffer = await fetch( | ||
"https://unpkg.com/webm-wasm@<version>/dist/webm-worker.umd.js" | ||
"https://unpkg.com/webm-wasm@<version>/dist/webm-worker.js" | ||
).then(r => r.arrayBuffer()); | ||
@@ -126,3 +126,4 @@ const worker = new Worker( | ||
[nextMessage]: https://github.com/GoogleChromeLabs/webm-wasm/blob/63b96a4f0e2821f34f972827f800259222ef9142/src/worker/webm-worker.js#L37-L46 | ||
[imagedata]: https://developer.mozilla.org/en-US/docs/Web/API/ImageData | ||
[nextmessage]: https://github.com/GoogleChromeLabs/webm-wasm/blob/63b96a4f0e2821f34f972827f800259222ef9142/src/worker/webm-worker.js#L37-L46 | ||
[unpkg.com]: https://unpkg.com | ||
@@ -129,0 +130,0 @@ [docker]: https://www.docker.com/ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
4
-50%133
0.76%8
-50%8
-50%1362765
-51.38%26
-23.53%1600
-46.91%