RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: webp to video support 

adds support for animated webp to video by using middleware: webp -> gif -> video (vertd)
This commit is contained in:
Maya 2026-02-11 19:07:05 +03:00
parent 167991081a
commit ca8a03470b
No known key found for this signature in database
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/functional/FormatDropdown.svelte
View File

@ -92,7 +92,7 @@
); );
// handle special cases // handle special cases
if (from === ".gif") finalCategories.push("video"); if (from === ".gif" || from === ".webp") finalCategories.push("video");
if (from === ".apng") { if (from === ".apng") {
//finalCategories.push("image"); // -- buggy, magick can't convert from or to apng properly //finalCategories.push("image"); // -- buggy, magick can't convert from or to apng properly
finalCategories = finalCategories.filter((cat) => cat !== "audio"); finalCategories = finalCategories.filter((cat) => cat !== "audio");

28
src/lib/converters/vertd.svelte.ts
View File

@ -7,6 +7,7 @@ import { VertFile } from "$lib/types";
import { Converter, FormatInfo } from "./converter.svelte"; import { Converter, FormatInfo } from "./converter.svelte";
import { PUB_DISABLE_FAILURE_BLOCKS } from "$env/static/public"; import { PUB_DISABLE_FAILURE_BLOCKS } from "$env/static/public";
import { ToastManager } from "$lib/util/toast.svelte"; import { ToastManager } from "$lib/util/toast.svelte";
import { converters } from "./index";
interface UploadResponse { interface UploadResponse {
id: string; id: string;
@ -265,9 +266,7 @@ export class VertdConverter extends Converter {
new FormatInfo("mov", true, true), new FormatInfo("mov", true, true),
new FormatInfo("gif", true, true), new FormatInfo("gif", true, true),
new FormatInfo("apng", true, true), new FormatInfo("apng", true, true),
// for some odd reasons, ffmpeg only supports encoding webp and not decoding -- https://trac.ffmpeg.org/ticket/4907 new FormatInfo("webp", true, true),
// honestly, we could probably convert webp to apng, then apng to (x) video format
new FormatInfo("webp", false, true),
new FormatInfo("mts", true, true), new FormatInfo("mts", true, true),
new FormatInfo("ts", true, true), new FormatInfo("ts", true, true),
new FormatInfo("m2ts", true, true), new FormatInfo("m2ts", true, true),
@ -351,9 +350,28 @@ export class VertdConverter extends Converter {
public async convert(input: VertFile, to: string): Promise<VertFile> { public async convert(input: VertFile, to: string): Promise<VertFile> {
if (to.startsWith(".")) to = to.slice(1); if (to.startsWith(".")) to = to.slice(1);
let fileUpload = input;
// if converting animated webp to video, first convert to gif
// ffmpeg (in vertd) doesn't support decoding animated webp still.. while supporting encoding animated webp for some reason
// https://trac.ffmpeg.org/ticket/4907
if (input.from === ".webp") {
this.log(`animated webp detected, converting to gif first`);
const magickConverter = converters.find((c) => c.name === "imagemagick");
if (magickConverter) {
try {
fileUpload = await magickConverter.convert(input, ".gif", 100);
this.log(`successfully converted webp to gif`);
} catch (e) {
this.log(`failed to convert webp to gif: ${e}`);
throw e;
}
}
}
let hash: string; let hash: string;
if (PUB_DISABLE_FAILURE_BLOCKS === "false") { if (PUB_DISABLE_FAILURE_BLOCKS === "false") {
hash = await input.hash(); hash = await fileUpload.hash();
if (this.blocked(hash)) { if (this.blocked(hash)) {
this.log(`conversion blocked for file ${input.name}`); this.log(`conversion blocked for file ${input.name}`);
@ -365,7 +383,7 @@ export class VertdConverter extends Converter {
} }
} }
const uploadRes = await uploadFile(input); const uploadRes = await uploadFile(fileUpload);
const apiUrl = await VertdInstance.instance.url(); const apiUrl = await VertdInstance.instance.url();
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {