QuickLook/QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/js/svga2html.js

/**
 * SvgaViewer: Provides SVGA animation preview with the following features.
 * 
 * Requirements:
 * - Requires the following HTML structure:
 *   <canvas id="canvas">
 *   </canvas>
 * - SVGA file path is obtained via chrome.webview.hostObjects.external.GetPath()
 * 
 * Features:
 * - Loads and plays SVGA animation files
 * - Uses SVGA.js library for parsing and playback
 * - Automatically starts playback after loading
 * - Handles asynchronous loading and mounting of SVGA files 
*/
class SvgaViewer {
    constructor() {
    }

    /**
     * Play SVGA file.
     * @async
     */
    async play() {
        const path = await chrome.webview.hostObjects.external.GetPath();
        const parser = new SVGA.Parser(); // Only SVGA 2.x supported

        // Because the path is a local file, we need to convert it to a URL format
        parser.load('https://' + path).then(svga => {
            const player = new SVGA.Player(document.getElementById('canvas'));
            player.mount(svga).then(() => {
                player.start();
            });
        });
    }
}

// Create the SVGA viewer and play
new SvgaViewer().play();