diff --git a/solid-src/src/components/AV1Options.tsx b/solid-src/src/components/AV1Options.tsx
new file mode 100644
index 0000000..96cdc87
--- /dev/null
+++ b/solid-src/src/components/AV1Options.tsx
@@ -0,0 +1,24 @@
+import { Match, Switch } from "solid-js";
+import type { CodecInfo, FFmpegParams } from "@/util/ffmpeg";
+import LibaomOptions from "./encoders/libaom";
+import Librav1eOptions from "./encoders/librav1e";
+
+function AV1Options(props: {
+ codec: CodecInfo | undefined;
+ encoder: string;
+ params: FFmpegParams;
+ onParamChanged: (key: string, value: any) => void;
+}) {
+ return (
+ No options.
}>
+
{
props.params.vbitrate = parseInt(
e.target.value,
diff --git a/solid-src/src/components/encoders/libaom.tsx b/solid-src/src/components/encoders/libaom.tsx
new file mode 100644
index 0000000..37e7439
--- /dev/null
+++ b/solid-src/src/components/encoders/libaom.tsx
@@ -0,0 +1,122 @@
+import {
+ DEFAULT_BITRATE,
+ type CodecInfo,
+ type FFmpegParams,
+} from "@/util/ffmpeg";
+import { os } from "@neutralinojs/lib";
+import BreezeIcon from "@/components/BreezeIcon";
+import { createEffect, createSignal, Show } from "solid-js";
+
+const DEFAULT_CRF = 23;
+
+function LibaomOptions(props: {
+ codec: CodecInfo | undefined;
+ params: FFmpegParams;
+ onParamChanged: (key: string, value: any) => void;
+}) {
+ const [rateControlMode, setRateControlMode] = createSignal("Constant");
+
+ createEffect(() => {
+ const mode = rateControlMode();
+
+ props.onParamChanged("twopass", mode === "2PassABR");
+
+ switch (mode) {
+ case "Constant":
+ props.onParamChanged("crf", props.params.crf ?? DEFAULT_CRF);
+ props.onParamChanged("vbitrate", undefined);
+ break;
+ case "Constrained":
+ props.onParamChanged("crf", props.params.crf ?? DEFAULT_CRF);
+ props.onParamChanged(
+ "vbitrate",
+ props.params.vbitrate ?? DEFAULT_BITRATE,
+ );
+ break;
+ case "2PassABR":
+ case "ABR":
+ props.onParamChanged("crf", undefined);
+ props.onParamChanged(
+ "vbitrate",
+ props.params.vbitrate ?? DEFAULT_BITRATE,
+ );
+ break;
+ }
+ });
+
+ return (
+
+ );
+}
+
+export default LibaomOptions;
diff --git a/solid-src/src/components/encoders/librav1e.tsx b/solid-src/src/components/encoders/librav1e.tsx
new file mode 100644
index 0000000..4ddccd3
--- /dev/null
+++ b/solid-src/src/components/encoders/librav1e.tsx
@@ -0,0 +1,54 @@
+import { type CodecInfo, type FFmpegParams } from "@/util/ffmpeg";
+import { os } from "@neutralinojs/lib";
+import BreezeIcon from "@/components/BreezeIcon";
+import { onMount } from "solid-js";
+
+function Librav1eOptions(props: {
+ codec: CodecInfo | undefined;
+ params: FFmpegParams;
+ onParamChanged: (key: string, value: any) => void;
+}) {
+ onMount(() => {
+ props.onParamChanged("crf", undefined);
+ props.onParamChanged("vbitrate", undefined);
+ props.onParamChanged("speed", 5);
+ });
+
+ return (
+
+ );
+}
+
+export default Librav1eOptions;
diff --git a/solid-src/src/util/ffmpeg.ts b/solid-src/src/util/ffmpeg.ts
index b8f13be..0ecc5a7 100644
--- a/solid-src/src/util/ffmpeg.ts
+++ b/solid-src/src/util/ffmpeg.ts
@@ -67,9 +67,9 @@ export const videoFileExtensions: { [key: string]: string } = {
dnxhd: "mov",
h264: "mp4",
hevc: "mp4",
- av1: "webm",
- vp8: "webm",
- vp9: "webm",
+ av1: "mkv",
+ vp8: "mkv",
+ vp9: "mkv",
};
export interface FFmpegParams {
@@ -92,10 +92,17 @@ export interface FFmpegParams {
preset?: string;
faststart?: boolean;
doNotUseAn?: boolean;
+ speed?: number;
}
const NULL_LOCATION = window.NL_OS === "Windows" ? "NUL" : "/dev/null";
+/**
+ * Using 12 Mbps (YouTube's recommended bitrate for high frame rate 1080p
+ * video) as an arbitrary value
+ */
+export const DEFAULT_BITRATE = 12000;
+
export function generateOutputCommand(params: FFmpegParams) {
let faststart =
params.faststart && params.vcodec === "h264"
@@ -104,16 +111,16 @@ export function generateOutputCommand(params: FFmpegParams) {
if (params.twopass) {
const commonOpts = `-i "${params.inputFile ?? "{fileName}"}" -c:v ${params.encoder ?? params.vcodec} -b:v ${
- params.vbitrate ?? 12000
+ params.vbitrate ?? DEFAULT_BITRATE
}k${faststart}${
params.preset === undefined ? "" : ` -preset ${params.preset}`
} -progress -`;
- return `ffmpeg -hwaccel auto -y ${commonOpts} ${params.vcodec === "h264" ? "-pass 1" : "-x265-params pass=1"} ${
+ return `ffmpeg -hwaccel auto -y ${commonOpts} ${params.vcodec === "h265" ? "-x265-params pass=1" : "-pass 1"} ${
params.doNotUseAn ? "-vsync cfr" : "-an"
} -f null ${NULL_LOCATION} &&
ffmpeg -y -hwaccel auto ${commonOpts} ${
- params.vcodec === "h264" ? "-pass 2" : "-x265-params pass=2"
+ params.vcodec === "h265" ? "-x265-params pass=2" : "-pass 2"
} -c:a ${
params.acodec ?? "copy"
}${params.abitrate === undefined ? "" : ` -b:a ${params.abitrate}k`} "${params.outputFile ?? "{output}"}"`;
@@ -121,10 +128,14 @@ ffmpeg -y -hwaccel auto ${commonOpts} ${
return `ffmpeg -y -hwaccel auto -i "${params.inputFile ?? "{fileName}"}" -c:v ${params.encoder ?? params.vcodec}${
params.crf === undefined ? "" : ` -crf ${params.crf}`
+ }${
+ params.vbitrate === undefined ? "" : ` -b:v ${params.vbitrate}`
}${faststart}${
params.preset === undefined ? "" : ` -preset ${params.preset}`
} -c:a ${params.acodec ?? "copy"}${
params.abitrate === undefined ? "" : ` -b:a ${params.abitrate}k`
+ }${
+ params.speed === undefined ? "" : ` -speed ${params.speed}`
} -progress - "${params.outputFile ?? "{output}"}"`;
}
diff --git a/solid-src/tsconfig.app.json b/solid-src/tsconfig.app.json
index 5f0a5ca..f07b3e7 100644
--- a/solid-src/tsconfig.app.json
+++ b/solid-src/tsconfig.app.json
@@ -6,6 +6,9 @@
"module": "ESNext",
"lib": ["ES2022", "DOM", "DOM.Iterable"],
"skipLibCheck": true,
+ "paths": {
+ "@/*": ["./src/*"]
+ },
/* Bundler mode */
"moduleResolution": "bundler",
diff --git a/solid-src/vite.config.ts b/solid-src/vite.config.ts
index 4095d9b..426cf70 100644
--- a/solid-src/vite.config.ts
+++ b/solid-src/vite.config.ts
@@ -1,6 +1,12 @@
-import { defineConfig } from 'vite'
-import solid from 'vite-plugin-solid'
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig } from "vite";
+import solid from "vite-plugin-solid";
export default defineConfig({
- plugins: [solid()],
-})
+ plugins: [solid()],
+ resolve: {
+ alias: {
+ "@": fileURLToPath(new URL("./src", import.meta.url)),
+ },
+ },
+});