windows/QuickLook
1
0
Fork 0
mirror of https://github.com/QL-Win/QuickLook.git synced 2025-09-18 22:52:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add Lottie Files animation preview support

Browse Source
This commit is contained in:
ema
2025-07-05 09:25:22 +08:00
parent 5e459e35e5
commit 3fce8b4f53
24 changed files with 1237 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/lottie2html.html Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>LottieFiles Preview</title>
<style>
html, body {
width: 100%;
height:100%;
margin: 0;
overflow: hidden;
}
#bm {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="bm"></div>
<script src="https://unpkg.com/lottie-web/build/player/lottie.min.js"></script>
<script src="lottie2html.js"></script>
</body>
</html>

37
QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/lottie2html.js Normal file
View File

@@ -0,0 +1,37 @@
/**
* 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 LottieViewer {
constructor() {
}
/**
* Play Lottie files.
* @async
*/
async play() {
const path = await chrome.webview.hostObjects.external.GetPath();
lottie.loadAnimation({
container: document.getElementById('bm'),
renderer: 'svg',
loop: true,
autoplay: true,
path: 'https://' + path,
});
}
}
// Create the Lottie viewer and play
new LottieViewer().play();

0
QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/svg2html.html → QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/svg2html.html
View File

0
QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/svg2html.js → QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/svg2html.js
View File

0
QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/svga2html.html → QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/svga2html.html
View File

0
QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/svga2html.js → QuickLook.Plugin/QuickLook.Plugin.ImageViewer/Resources/Web/svga2html.js
View File