@logitech-mx-creative-console/webhid/dist/jpeg.js

An npm module for interfacing with the Logitech MX Creative Console in the browser

/**
 * The default JPEG encoder.
 * Utilises a hidden canvas to convert a byte array buffer into a jpeg
 * @param buffer The buffer to convert
 * @param width Width of the image
 * @param height Hieght of the image
 */
export async function encodeJPEG(buffer, width, height) {
    const blob = await new Promise((resolve, reject) => {
        const canvas = document.createElement('canvas');
        canvas.width = width;
        canvas.height = height;
        const ctx = canvas.getContext('2d', { willReadFrequently: true });
        if (ctx) {
            const imageData = ctx.createImageData(width, height);
            imageData.data.set(buffer);
            ctx.putImageData(imageData, 0, 0);
            canvas.toBlob((b) => {
                if (b) {
                    resolve(b);
                }
                else {
                    reject(new Error('No image generated'));
                }
            }, 'image/jpeg', 0.9);
        }
        else {
            reject(new Error('Failed to get canvas context'));
        }
    });
    return new Uint8Array(await blob.arrayBuffer());
}
//# sourceMappingURL=jpeg.js.map