@node-libraries/wasm-webp-encoder
TypeScript icon, indicating that this package has built-in type declarations

1.1.1 • Public • Published

@node-libraries/wasm-webp-encoder

Overview

Provides the ability to encode WebP using WebAssembly and WebWorker.

Remix(esbuild) and Next.js(webpack) are supported.

types

encode(params:{data: BufferSource, width: number, height: number, quality?: number}): Promise<Uint8Array | null>
encode(params:{data: ImageData, quality?: number}): Promise<Uint8Array | null>

usage

import { encode } from '@node-libraries/wasm-webp-encoder';

// Next.js(webpack)
const encodedValue = await encode({ data: ctx.getImageData(0, 0, img.width, img.height) });
const encodedValue2 = await encode({ data: arrayBuffer, width, height });

// Remix(esbuild)
// Files need to be installed manually
// node_modules/@node-libraries/wasm-webp-encoder/dist  =>
//   public/webp/worker.js
//   public/webp/webp.js
//   public/webp/webp.wasm
const encodedValue3 = await encode({ data: arrayBuffer, width, height, worker: '/webp/worker.js' });

Sample when used with Next.js

Package Sidebar

Install

npm i @node-libraries/wasm-webp-encoder

Weekly Downloads

1

Version

1.1.1

License

MIT

Unpacked Size

334 kB

Total Files

10

Last publish

Collaborators

  • sora_kumo