-
-
- -
- - -
{{ message }}
-
-
-
-
-
-
- - -
- ) : (
-
- );
-}
diff --git a/apps/nextjs-app/app/NoSSRWrapper.tsx b/apps/nextjs-app/app/NoSSRWrapper.tsx
deleted file mode 100644
index 04589f4..0000000
--- a/apps/nextjs-app/app/NoSSRWrapper.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import dynamic from 'next/dynamic'
-import React from 'react'
-const NoSSRWrapper = props => (
- - - -
- - - - ) : ( - - ); -} - -export default App; diff --git a/apps/react-vite-app/src/index.css b/apps/react-vite-app/src/index.css deleted file mode 100644 index b20208f..0000000 --- a/apps/react-vite-app/src/index.css +++ /dev/null @@ -1,70 +0,0 @@ -:root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; - justify-content: center; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} diff --git a/apps/react-vite-app/src/main.tsx b/apps/react-vite-app/src/main.tsx deleted file mode 100644 index 3d7150d..0000000 --- a/apps/react-vite-app/src/main.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react' -import ReactDOM from 'react-dom/client' -import App from './App.tsx' -import './index.css' - -ReactDOM.createRoot(document.getElementById('root')!).render( -
{children}
- {scripts}
-
-
- )}
- />
-));
diff --git a/apps/solidstart-app/src/global.d.ts b/apps/solidstart-app/src/global.d.ts
deleted file mode 100644
index dc6f10c..0000000
--- a/apps/solidstart-app/src/global.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-///
-
-
- - -
- - - -
%sveltekit.body%
-
-
diff --git a/apps/sveltekit-app/src/index.test.ts b/apps/sveltekit-app/src/index.test.ts
deleted file mode 100644
index e07cbbd..0000000
--- a/apps/sveltekit-app/src/index.test.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { describe, it, expect } from 'vitest';
-
-describe('sum test', () => {
- it('adds 1 + 2 to equal 3', () => {
- expect(1 + 2).toBe(3);
- });
-});
diff --git a/apps/sveltekit-app/src/lib/FFmpegDemo.svelte b/apps/sveltekit-app/src/lib/FFmpegDemo.svelte
deleted file mode 100644
index 4b451eb..0000000
--- a/apps/sveltekit-app/src/lib/FFmpegDemo.svelte
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
-
-
-
-
- -
diff --git a/apps/sveltekit-app/src/lib/index.ts b/apps/sveltekit-app/src/lib/index.ts
deleted file mode 100644
index 856f2b6..0000000
--- a/apps/sveltekit-app/src/lib/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
diff --git a/apps/sveltekit-app/src/routes/+page.svelte b/apps/sveltekit-app/src/routes/+page.svelte
deleted file mode 100644
index 7e65c34..0000000
--- a/apps/sveltekit-app/src/routes/+page.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-- -
{message}
-Welcome to SvelteKit
-Visit kit.svelte.dev to read the documentation
-Select multiple video files to Concatenate
-- - - - - diff --git a/apps/vanilla-app/public/style.css b/apps/vanilla-app/public/style.css deleted file mode 100644 index 531326c..0000000 --- a/apps/vanilla-app/public/style.css +++ /dev/null @@ -1,10 +0,0 @@ -html, body { - margin: 0; - width: 100%; - height: 100% -} -body { - display: flex; - flex-direction: column; - align-items: center; -} diff --git a/apps/vanilla-app/public/transcode-mt.esm.html b/apps/vanilla-app/public/transcode-mt.esm.html deleted file mode 100644 index 9adb8a7..0000000 --- a/apps/vanilla-app/public/transcode-mt.esm.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - -
Upload a video to transcode to mp4 (x264) and play!
-- - - - - diff --git a/apps/vanilla-app/public/transcode-mt.html b/apps/vanilla-app/public/transcode-mt.html deleted file mode 100644 index 340b4fe..0000000 --- a/apps/vanilla-app/public/transcode-mt.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - -
Upload a video to transcode to mp4 (x264) and play!
-- - - - - diff --git a/apps/vanilla-app/public/transcode.esm.html b/apps/vanilla-app/public/transcode.esm.html deleted file mode 100644 index 59df21a..0000000 --- a/apps/vanilla-app/public/transcode.esm.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - -
Upload a video to transcode to mp4 (x264) and play!
-- - - - - diff --git a/apps/vanilla-app/public/transcode.html b/apps/vanilla-app/public/transcode.html deleted file mode 100644 index 7697c93..0000000 --- a/apps/vanilla-app/public/transcode.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - -
Upload a video to transcode to mp4 (x264) and play!
-- - - - - diff --git a/apps/vanilla-app/public/trim.html b/apps/vanilla-app/public/trim.html deleted file mode 100644 index a0aa2bf..0000000 --- a/apps/vanilla-app/public/trim.html +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - -
Upload a mp4 (x264) video and trim its first 1 seconds and play!
-- - - - - diff --git a/apps/vanilla-app/server.js b/apps/vanilla-app/server.js deleted file mode 100644 index fb42868..0000000 --- a/apps/vanilla-app/server.js +++ /dev/null @@ -1,27 +0,0 @@ -const path = require("path"); -const express = require("express"); -const serveIndex = require("serve-index"); -const app = express(); -const PORT = 8080; -const ROOT = path.join(__dirname, "public"); - -app.use((_, res, next) => { - res.set({ - "Cross-Origin-Opener-Policy": "same-origin", - "Cross-Origin-Embedder-Policy": "require-corp", - "Cross-Origin-Resource-Policy": "cross-origin", - "Origin-Agent-Cluster": "?1", - "Access-Control-Allow-Origin": "*", - "Access-Control-Allow-Methods": "GET, POST, OPTIONS", - "Access-Control-Allow-Headers": - "Origin, X-Requested-With, Content-Type, Accept, Range", - }); - next(); -}); - -app.use(express.static(ROOT)); -app.use("/", serveIndex(ROOT)); - -app.listen(PORT, () => { - console.log(`Listening on port ${PORT}`); -}); diff --git a/apps/vue-vite-app/.eslintrc.cjs b/apps/vue-vite-app/.eslintrc.cjs deleted file mode 100644 index 6f40582..0000000 --- a/apps/vue-vite-app/.eslintrc.cjs +++ /dev/null @@ -1,15 +0,0 @@ -/* eslint-env node */ -require('@rushstack/eslint-patch/modern-module-resolution') - -module.exports = { - root: true, - 'extends': [ - 'plugin:vue/vue3-essential', - 'eslint:recommended', - '@vue/eslint-config-typescript', - '@vue/eslint-config-prettier/skip-formatting' - ], - parserOptions: { - ecmaVersion: 'latest' - } -} diff --git a/apps/vue-vite-app/.gitignore b/apps/vue-vite-app/.gitignore deleted file mode 100644 index 38adffa..0000000 --- a/apps/vue-vite-app/.gitignore +++ /dev/null @@ -1,28 +0,0 @@ -# Logs -logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* -pnpm-debug.log* -lerna-debug.log* - -node_modules -.DS_Store -dist -dist-ssr -coverage -*.local - -/cypress/videos/ -/cypress/screenshots/ - -# Editor directories and files -.vscode/* -!.vscode/extensions.json -.idea -*.suo -*.ntvs* -*.njsproj -*.sln -*.sw? diff --git a/apps/vue-vite-app/.prettierrc.json b/apps/vue-vite-app/.prettierrc.json deleted file mode 100644 index 66e2335..0000000 --- a/apps/vue-vite-app/.prettierrc.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "$schema": "https://json.schemastore.org/prettierrc", - "semi": false, - "tabWidth": 2, - "singleQuote": true, - "printWidth": 100, - "trailingComma": "none" -} \ No newline at end of file diff --git a/apps/vue-vite-app/.vscode/extensions.json b/apps/vue-vite-app/.vscode/extensions.json deleted file mode 100644 index c0a6e5a..0000000 --- a/apps/vue-vite-app/.vscode/extensions.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"] -} diff --git a/apps/vue-vite-app/README.md b/apps/vue-vite-app/README.md deleted file mode 100644 index 027eb5d..0000000 --- a/apps/vue-vite-app/README.md +++ /dev/null @@ -1,46 +0,0 @@ -# vue-vite-app - -This template should help get you started developing with Vue 3 in Vite. - -## Recommended IDE Setup - -[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). - -## Type Support for `.vue` Imports in TS - -TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types. - -If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps: - -1. Disable the built-in TypeScript Extension - 1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette - 2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)` -2. Reload the VSCode window by running `Developer: Reload Window` from the command palette. - -## Customize configuration - -See [Vite Configuration Reference](https://vitejs.dev/config/). - -## Project Setup - -```sh -npm install -``` - -### Compile and Hot-Reload for Development - -```sh -npm run dev -``` - -### Type-Check, Compile and Minify for Production - -```sh -npm run build -``` - -### Lint with [ESLint](https://eslint.org/) - -```sh -npm run lint -``` diff --git a/apps/vue-vite-app/env.d.ts b/apps/vue-vite-app/env.d.ts deleted file mode 100644 index 11f02fe..0000000 --- a/apps/vue-vite-app/env.d.ts +++ /dev/null @@ -1 +0,0 @@ -///
- -
{{ message }}
- - - - - diff --git a/apps/vue-vite-app/src/main.ts b/apps/vue-vite-app/src/main.ts deleted file mode 100644 index 0ac3a5f..0000000 --- a/apps/vue-vite-app/src/main.ts +++ /dev/null @@ -1,6 +0,0 @@ -import './assets/main.css' - -import { createApp } from 'vue' -import App from './App.vue' - -createApp(App).mount('#app') diff --git a/apps/vue-vite-app/tsconfig.app.json b/apps/vue-vite-app/tsconfig.app.json deleted file mode 100644 index 59a15f2..0000000 --- a/apps/vue-vite-app/tsconfig.app.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "extends": "@vue/tsconfig/tsconfig.dom.json", - "include": ["env.d.ts", "src/**/*", "src/**/*.vue"], - "exclude": ["src/**/__tests__/*"], - "compilerOptions": { - "composite": true, - "baseUrl": ".", - "paths": { - "@/*": ["./src/*"] - }, - "target": "esnext", - "moduleResolution": "node" - } -} diff --git a/apps/vue-vite-app/tsconfig.json b/apps/vue-vite-app/tsconfig.json deleted file mode 100644 index 66b5e57..0000000 --- a/apps/vue-vite-app/tsconfig.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "files": [], - "references": [ - { - "path": "./tsconfig.node.json" - }, - { - "path": "./tsconfig.app.json" - } - ] -} diff --git a/apps/vue-vite-app/tsconfig.node.json b/apps/vue-vite-app/tsconfig.node.json deleted file mode 100644 index dee96be..0000000 --- a/apps/vue-vite-app/tsconfig.node.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "extends": "@tsconfig/node18/tsconfig.json", - "include": [ - "vite.config.*", - "vitest.config.*", - "cypress.config.*", - "nightwatch.conf.*", - "playwright.config.*" - ], - "compilerOptions": { - "composite": true, - "module": "ESNext", - "moduleResolution": "Bundler", - "types": ["node"] - } -} diff --git a/apps/vue-vite-app/vite.config.ts b/apps/vue-vite-app/vite.config.ts deleted file mode 100644 index 20fba69..0000000 --- a/apps/vue-vite-app/vite.config.ts +++ /dev/null @@ -1,24 +0,0 @@ -import { fileURLToPath, URL } from 'node:url' - -import { defineConfig } from 'vite' -import vue from '@vitejs/plugin-vue' -import vueJsx from '@vitejs/plugin-vue-jsx' - -// https://vitejs.dev/config/ -export default defineConfig({ - plugins: [vue(), vueJsx()], - resolve: { - alias: { - '@': fileURLToPath(new URL('./src', import.meta.url)) - } - }, - optimizeDeps: { - exclude: ['@ffmpeg/ffmpeg', '@ffmpeg/util'] - }, - server: { - headers: { - 'Cross-Origin-Opener-Policy': 'same-origin', - 'Cross-Origin-Embedder-Policy': 'require-corp' - } - } -}) diff --git a/apps/website/.gitignore b/apps/website/.gitignore deleted file mode 100644 index 0ba35a9..0000000 --- a/apps/website/.gitignore +++ /dev/null @@ -1,21 +0,0 @@ -# Dependencies -/node_modules - -# Production -/build -/docs/api - -# Generated files -.docusaurus -.cache-loader - -# Misc -.DS_Store -.env.local -.env.development.local -.env.test.local -.env.production.local - -npm-debug.log* -yarn-debug.log* -yarn-error.log* diff --git a/apps/website/README.md b/apps/website/README.md deleted file mode 100644 index f42b9a9..0000000 --- a/apps/website/README.md +++ /dev/null @@ -1,44 +0,0 @@ -# Website - -This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator. - -### Installation - -When cloning the repository, make sure you have git-lfs installed. If you install git-lfs after cloning, simple run -`git lfs pull` to download large files. - -``` -$ npm install -``` - -### Local Development - -``` -$ npm start -``` - -This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server. - -### Build - -``` -$ npm run build -``` - -This command generates static content into the `build` directory and can be served using any static contents hosting service. - -### Deployment - -Using SSH: - -``` -$ USE_SSH=true npm run deploy -``` - -Not using SSH: - -``` -$ GIT_USER=- - -
Open Developer Tools (Ctrl+Shift+I) to View Logs
- - ) - : ( - - ) - ); -} -``` - -## Transcode webm to mp4 video (multi-thread) - -:::caution -As SharedArrayBuffer is required for multithread version, make sure -you have have fulfilled [Security Requirements](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements). -::: - -```jsx live -// import { FFmpeg } from '@ffmpeg/ffmpeg'; -// import { fetchFile, toBlobURL } from '@ffmpeg/util'; -function() { - const [loaded, setLoaded] = useState(false); - const ffmpegRef = useRef(new FFmpeg()); - const videoRef = useRef(null); - const messageRef = useRef(null); - - const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core-mt@0.12.6/dist/umd' - const ffmpeg = ffmpegRef.current; - ffmpeg.on('log', ({ message }) => { - messageRef.current.innerHTML = message; - console.log(message); - }); - // toBlobURL is used to bypass CORS issue, urls with the same - // domain can be used directly. - await ffmpeg.load({ - coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), - wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'), - workerURL: await toBlobURL(`${baseURL}/ffmpeg-core.worker.js`, 'text/javascript'), - }); - setLoaded(true); - } - - const transcode = async () => { - const ffmpeg = ffmpegRef.current; - await ffmpeg.writeFile('input.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm')); - await ffmpeg.exec(['-i', 'input.webm', 'output.mp4']); - const data = await ffmpeg.readFile('output.mp4'); - videoRef.current.src = - URL.createObjectURL(new Blob([data.buffer], {type: 'video/mp4'})); - } - - return (loaded - ? ( - <> -- - -
Open Developer Tools (Ctrl+Shift+I) to View Logs
- - ) - : ( - - ) - ); -} -``` - -## Transcode video with timeout - -```jsx live -// import { FFmpeg } from '@ffmpeg/ffmpeg'; -// import { fetchFile } from '@ffmpeg/util'; -function() { - const [loaded, setLoaded] = useState(false); - const ffmpegRef = useRef(new FFmpeg()); - const videoRef = useRef(null); - const messageRef = useRef(null); - - const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' - const ffmpeg = ffmpegRef.current; - ffmpeg.on('log', ({ message }) => { - messageRef.current.innerHTML = message; - console.log(message); - }); - // toBlobURL is used to bypass CORS issue, urls with the same - // domain can be used directly. - await ffmpeg.load({ - coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), - wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'), - }); - setLoaded(true); - } - - const transcode = async () => { - const ffmpeg = ffmpegRef.current; - await ffmpeg.writeFile('input.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm')); - // The exec should stop after 1 second. - await ffmpeg.exec(['-i', 'input.webm', 'output.mp4'], 1000); - const data = await ffmpeg.readFile('output.mp4'); - videoRef.current.src = - URL.createObjectURL(new Blob([data.buffer], {type: 'video/mp4'})); - } - - return (loaded - ? ( - <> -- - -
Open Developer Tools (Ctrl+Shift+I) to View Logs
- - ) - : ( - - ) - ); -} -``` - -## Transcode video with progress (experimental) - -:::danger -`progress` is an experimental feature and might not work for many cases -(ex. concat video files, convert image files, ...). Please use with caution. -::: - -```jsx live -// import { FFmpeg } from '@ffmpeg/ffmpeg'; -// import { fetchFile } from '@ffmpeg/util'; -function() { - const [loaded, setLoaded] = useState(false); - const ffmpegRef = useRef(new FFmpeg()); - const videoRef = useRef(null); - const messageRef = useRef(null); - - const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' - const ffmpeg = ffmpegRef.current; - // Listen to progress event instead of log. - ffmpeg.on('progress', ({ progress, time }) => { - messageRef.current.innerHTML = `${progress * 100} % (transcoded time: ${time / 1000000} s)`; - }); - // toBlobURL is used to bypass CORS issue, urls with the same - // domain can be used directly. - await ffmpeg.load({ - coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), - wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'), - }); - setLoaded(true); - } - - const transcode = async () => { - const ffmpeg = ffmpegRef.current; - await ffmpeg.writeFile('input.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm')); - await ffmpeg.exec(['-i', 'input.webm', 'output.mp4']); - const data = await ffmpeg.readFile('output.mp4'); - videoRef.current.src = - URL.createObjectURL(new Blob([data.buffer], {type: 'video/mp4'})); - } - - return (loaded - ? ( - <> -- - - - ) - : ( - - ) - ); -} -``` - -## Split video into segments of equal duration - -```jsx live -// import { FFmpeg } from '@ffmpeg/ffmpeg'; -// import { fetchFile } from '@ffmpeg/util'; -function() { - const [loaded, setLoaded] = useState(false); - const ffmpegRef = useRef(new FFmpeg()); - const videoRef = useRef(null); - const messageRef = useRef(null); - - const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' - const ffmpeg = ffmpegRef.current; - ffmpeg.on('log', ({ message }) => { - messageRef.current.innerHTML = message; - console.log(message); - }); - // toBlobURL is used to bypass CORS issue, urls with the same - // domain can be used directly. - await ffmpeg.load({ - coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), - wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'), - }); - setLoaded(true); - } - - const transcode = async () => { - const ffmpeg = ffmpegRef.current; - await ffmpeg.writeFile('input.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm')); - await ffmpeg.exec([ - '-i', - 'input.webm', - '-f', - 'segment', - '-segment_time', - '3', - '-g', - '9', - '-sc_threshold', - '0', - '-force_key_frames', - 'expr:gte(t,n_forced*9)', - '-reset_timestamps', - '1', - '-map', - '0', - 'output_%d.mp4' - ]); - const data = await ffmpeg.readFile('output_1.mp4'); - videoRef.current.src = - URL.createObjectURL(new Blob([data.buffer], {type: 'video/mp4'})); - } - - return (loaded - ? ( - <> -
- - -
Open Developer Tools (Ctrl+Shift+I) to View Logs
- - ) - : ( - - ) - ); -} -``` - -## Display Text on the video - -```jsx live -// import { FFmpeg } from '@ffmpeg/ffmpeg'; -// import { fetchFile } from '@ffmpeg/util'; -function() { - const [loaded, setLoaded] = useState(false); - const ffmpegRef = useRef(new FFmpeg()); - const videoRef = useRef(null); - const messageRef = useRef(null); - - const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' - const ffmpeg = ffmpegRef.current; - ffmpeg.on('log', ({ message }) => { - messageRef.current.innerHTML = message; - console.log(message); - }); - // toBlobURL is used to bypass CORS issue, urls with the same - // domain can be used directly. - await ffmpeg.load({ - coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), - wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'), - }); - setLoaded(true); - } - - const transcode = async () => { - const ffmpeg = ffmpegRef.current; - await ffmpeg.writeFile('input.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm')); - await ffmpeg.writeFile('arial.ttf', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/arial.ttf')); - await ffmpeg.exec([ - '-i', - 'input.webm', - '-vf', - 'drawtext=fontfile=/arial.ttf:text=\'ffmpeg.wasm\':x=10:y=10:fontsize=24:fontcolor=white', - 'output.mp4', - ]); - const data = await ffmpeg.readFile('output.mp4'); - videoRef.current.src = - URL.createObjectURL(new Blob([data.buffer], {type: 'video/mp4'})); - } - - return (loaded - ? ( - <> -- - -
Open Developer Tools (Ctrl+Shift+I) to View Logs
- - ) - : ( - - ) - ); -} -``` - -## Interlace 2 Videos - -```jsx live -// import { FFmpeg } from '@ffmpeg/ffmpeg'; -// import { fetchFile } from '@ffmpeg/util'; -function() { - const [loaded, setLoaded] = useState(false); - const ffmpegRef = useRef(new FFmpeg()); - const videoRef = useRef(null); - const messageRef = useRef(null); - - const load = async () => { - const baseURL = 'https://unpkg.com/@ffmpeg/core@0.12.6/dist/umd' - const ffmpeg = ffmpegRef.current; - ffmpeg.on('log', ({ message }) => { - messageRef.current.innerHTML = message; - console.log(message); - }); - // toBlobURL is used to bypass CORS issue, urls with the same - // domain can be used directly. - await ffmpeg.load({ - coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, 'text/javascript'), - wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, 'application/wasm'), - }); - setLoaded(true); - } - - const transcode = async () => { - const ffmpeg = ffmpegRef.current; - await ffmpeg.writeFile('input.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s.webm')); - await ffmpeg.writeFile('reversed.webm', await fetchFile('https://raw.githubusercontent.com/ffmpegwasm/testdata/master/Big_Buck_Bunny_180_10s_reversed.webm')); - await ffmpeg.exec([ - '-i', - 'input.webm', - '-i', - 'reversed.webm', - '-filter_complex', - '[0:v][1:v]blend=all_expr=\'A*(if(eq(0,N/2),1,T))+B*(if(eq(0,N/2),T,1))\'', - 'output.mp4', - ]); - const data = await ffmpeg.readFile('output.mp4'); - videoRef.current.src = - URL.createObjectURL(new Blob([data.buffer], {type: 'video/mp4'})); - } - - return (loaded - ? ( - <> -- - -
Open Developer Tools (Ctrl+Shift+I) to View Logs
- - ) - : ( - - ) - ); -} -``` - -## Use WORKERFS - -:::note -Required: - -- @ffmpeg/ffmpeg@0.12.6+ -- @ffmpeg/core@0.12.4+ - ::: - -Please Check this PR: [Add WORKERFS support](https://github.com/ffmpegwasm/ffmpeg.wasm/pull/581) - -## Abort exec() with signal - -:::note -Required: - -- @ffmpeg/ffmpeg@0.12.6+ -- @ffmpeg/core@0.12.4+ - ::: - -Please check this PR: [abort signal](https://github.com/ffmpegwasm/ffmpeg.wasm/pull/573) diff --git a/apps/website/docs/migration.md b/apps/website/docs/migration.md deleted file mode 100644 index d8dfba3..0000000 --- a/apps/website/docs/migration.md +++ /dev/null @@ -1,51 +0,0 @@ -import MuiThemeProvider from "@site/src/components/common/MuiThemeProvider"; -import Table from '@mui/material/Table'; -import TableBody from '@mui/material/TableBody'; -import TableCell from '@mui/material/TableCell'; -import TableContainer from '@mui/material/TableContainer'; -import TableHead from '@mui/material/TableHead'; -import TableRow from '@mui/material/TableRow'; -import Paper from '@mui/material/Paper'; - -# Migrating from 0.11.x to 0.12+ - -As 0.12+ is not backward compatible with 0.11.x, below is a quick mapping -table to transform 0.11.x to 0.12+ - -Last updated: August 05, 2023
-This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.
-We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy. This Privacy Policy has been created with the help of the Free Privacy Policy Generator.
-Interpretation and Definitions
-Interpretation
-The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.
-Definitions
-For the purposes of this Privacy Policy:
--
-
-
-
Account means a unique account created for You to access our Service or parts of our Service.
-
- -
-
Affiliate means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
-
- -
-
Company (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to ffmpeg.wasm.
-
- -
-
Cookies are small files that are placed on Your computer, mobile device or any other device by a website, containing the details of Your browsing history on that website among its many uses.
-
- -
-
Country refers to: Singapore
-
- -
-
Device means any device that can access the Service such as a computer, a cellphone or a digital tablet.
-
- -
-
Personal Data is any information that relates to an identified or identifiable individual.
-
- -
-
Service refers to the Website.
-
- -
-
Service Provider means any natural or legal person who processes the data on behalf of the Company. It refers to third-party companies or individuals employed by the Company to facilitate the Service, to provide the Service on behalf of the Company, to perform services related to the Service or to assist the Company in analyzing how the Service is used.
-
- -
-
Usage Data refers to data collected automatically, either generated by the use of the Service or from the Service infrastructure itself (for example, the duration of a page visit).
-
- -
-
Website refers to ffmpeg.wasm, accessible from https://ffmpegwasm.netlify.app/
-
- -
-
You means the individual accessing or using the Service, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
-
-
Collecting and Using Your Personal Data
-Types of Data Collected
-Personal Data
-While using Our Service, We may ask You to provide Us with certain personally identifiable information that can be used to contact or identify You. Personally identifiable information may include, but is not limited to:
--
-
- Usage Data -
Usage Data
-Usage Data is collected automatically when using the Service.
-Usage Data may include information such as Your Device's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that You visit, the time and date of Your visit, the time spent on those pages, unique device identifiers and other diagnostic data.
-When You access the Service by or through a mobile device, We may collect certain information automatically, including, but not limited to, the type of mobile device You use, Your mobile device unique ID, the IP address of Your mobile device, Your mobile operating system, the type of mobile Internet browser You use, unique device identifiers and other diagnostic data.
-We may also collect information that Your browser sends whenever You visit our Service or when You access the Service by or through a mobile device.
-Tracking Technologies and Cookies
-We use Cookies and similar tracking technologies to track the activity on Our Service and store certain information. Tracking technologies used are beacons, tags, and scripts to collect and track information and to improve and analyze Our Service. The technologies We use may include:
--
-
- Cookies or Browser Cookies. A cookie is a small file placed on Your Device. You can instruct Your browser to refuse all Cookies or to indicate when a Cookie is being sent. However, if You do not accept Cookies, You may not be able to use some parts of our Service. Unless you have adjusted Your browser setting so that it will refuse Cookies, our Service may use Cookies. -
- Web Beacons. Certain sections of our Service and our emails may contain small electronic files known as web beacons (also referred to as clear gifs, pixel tags, and single-pixel gifs) that permit the Company, for example, to count users who have visited those pages or opened an email and for other related website statistics (for example, recording the popularity of a certain section and verifying system and server integrity). -
Cookies can be "Persistent" or "Session" Cookies. Persistent Cookies remain on Your personal computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close Your web browser. Learn more about cookies on the Free Privacy Policy website article.
-We use both Session and Persistent Cookies for the purposes set out below:
--
-
-
-
Necessary / Essential Cookies
-Type: Session Cookies
-Administered by: Us
-Purpose: These Cookies are essential to provide You with services available through the Website and to enable You to use some of its features. They help to authenticate users and prevent fraudulent use of user accounts. Without these Cookies, the services that You have asked for cannot be provided, and We only use these Cookies to provide You with those services.
-
- -
-
Cookies Policy / Notice Acceptance Cookies
-Type: Persistent Cookies
-Administered by: Us
-Purpose: These Cookies identify if users have accepted the use of cookies on the Website.
-
- -
-
Functionality Cookies
-Type: Persistent Cookies
-Administered by: Us
-Purpose: These Cookies allow us to remember choices You make when You use the Website, such as remembering your login details or language preference. The purpose of these Cookies is to provide You with a more personal experience and to avoid You having to re-enter your preferences every time You use the Website.
-
-
For more information about the cookies we use and your choices regarding cookies, please visit our Cookies Policy or the Cookies section of our Privacy Policy.
-Use of Your Personal Data
-The Company may use Personal Data for the following purposes:
--
-
-
-
To provide and maintain our Service, including to monitor the usage of our Service.
-
- -
-
To manage Your Account: to manage Your registration as a user of the Service. The Personal Data You provide can give You access to different functionalities of the Service that are available to You as a registered user.
-
- -
-
For the performance of a contract: the development, compliance and undertaking of the purchase contract for the products, items or services You have purchased or of any other contract with Us through the Service.
-
- -
-
To contact You: To contact You by email, telephone calls, SMS, or other equivalent forms of electronic communication, such as a mobile application's push notifications regarding updates or informative communications related to the functionalities, products or contracted services, including the security updates, when necessary or reasonable for their implementation.
-
- -
-
To provide You with news, special offers and general information about other goods, services and events which we offer that are similar to those that you have already purchased or enquired about unless You have opted not to receive such information.
-
- -
-
To manage Your requests: To attend and manage Your requests to Us.
-
- -
-
For business transfers: We may use Your information to evaluate or conduct a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Our assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which Personal Data held by Us about our Service users is among the assets transferred.
-
- -
-
For other purposes: We may use Your information for other purposes, such as data analysis, identifying usage trends, determining the effectiveness of our promotional campaigns and to evaluate and improve our Service, products, services, marketing and your experience.
-
-
We may share Your personal information in the following situations:
--
-
- With Service Providers: We may share Your personal information with Service Providers to monitor and analyze the use of our Service, to contact You. -
- For business transfers: We may share or transfer Your personal information in connection with, or during negotiations of, any merger, sale of Company assets, financing, or acquisition of all or a portion of Our business to another company. -
- With Affiliates: We may share Your information with Our affiliates, in which case we will require those affiliates to honor this Privacy Policy. Affiliates include Our parent company and any other subsidiaries, joint venture partners or other companies that We control or that are under common control with Us. -
- With business partners: We may share Your information with Our business partners to offer You certain products, services or promotions. -
- With other users: when You share personal information or otherwise interact in the public areas with other users, such information may be viewed by all users and may be publicly distributed outside. -
- With Your consent: We may disclose Your personal information for any other purpose with Your consent. -
Retention of Your Personal Data
-The Company will retain Your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use Your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, and enforce our legal agreements and policies.
-The Company will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of Our Service, or We are legally obligated to retain this data for longer time periods.
-Transfer of Your Personal Data
-Your information, including Personal Data, is processed at the Company's operating offices and in any other places where the parties involved in the processing are located. It means that this information may be transferred to — and maintained on — computers located outside of Your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from Your jurisdiction.
-Your consent to this Privacy Policy followed by Your submission of such information represents Your agreement to that transfer.
-The Company will take all steps reasonably necessary to ensure that Your data is treated securely and in accordance with this Privacy Policy and no transfer of Your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of Your data and other personal information.
-Delete Your Personal Data
-You have the right to delete or request that We assist in deleting the Personal Data that We have collected about You.
-Our Service may give You the ability to delete certain information about You from within the Service.
-You may update, amend, or delete Your information at any time by signing in to Your Account, if you have one, and visiting the account settings section that allows you to manage Your personal information. You may also contact Us to request access to, correct, or delete any personal information that You have provided to Us.
-Please note, however, that We may need to retain certain information when we have a legal obligation or lawful basis to do so.
-Disclosure of Your Personal Data
-Business Transactions
-If the Company is involved in a merger, acquisition or asset sale, Your Personal Data may be transferred. We will provide notice before Your Personal Data is transferred and becomes subject to a different Privacy Policy.
-Law enforcement
-Under certain circumstances, the Company may be required to disclose Your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency).
-Other legal requirements
-The Company may disclose Your Personal Data in the good faith belief that such action is necessary to:
--
-
- Comply with a legal obligation -
- Protect and defend the rights or property of the Company -
- Prevent or investigate possible wrongdoing in connection with the Service -
- Protect the personal safety of Users of the Service or the public -
- Protect against legal liability -
Security of Your Personal Data
-The security of Your Personal Data is important to Us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While We strive to use commercially acceptable means to protect Your Personal Data, We cannot guarantee its absolute security.
-Children's Privacy
-Our Service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age of 13 without verification of parental consent, We take steps to remove that information from Our servers.
-If We need to rely on consent as a legal basis for processing Your information and Your country requires consent from a parent, We may require Your parent's consent before We collect and use that information.
-Links to Other Websites
-Our Service may contain links to other websites that are not operated by Us. If You click on a third party link, You will be directed to that third party's site. We strongly advise You to review the Privacy Policy of every site You visit.
-We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
-Changes to this Privacy Policy
-We may update Our Privacy Policy from time to time. We will notify You of any changes by posting the new Privacy Policy on this page.
-We will let You know via email and/or a prominent notice on Our Service, prior to the change becoming effective and update the "Last updated" date at the top of this Privacy Policy.
-You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
-Contact Us
-If you have any questions about this Privacy Policy, You can contact us:
--
-
- By email: jeromewus@gmail.com -
-
- );
-}
-
-export default function ExternalLibraries(): JSX.Element {
- return (
-
- 
-
-
-
- {title}
-{desc}
-
-
- External Libraries
-- {" "} - ffmpeg.wasm is built with common external libraries, and more of - libraries to be added! -
-
- {libs.map((props, idx) => (
-
-
-
- );
-}
-
-export default function HomepageFeatures(): JSX.Element {
- return (
-
-
-
-
-
- {title}
-{description}
-
-
-
- {FeatureList.map((props, idx) => (
-
- -
- {nodes.map(({ name, isDir }, index) =>
- isDir ? (
-
-
-
-
-
- );
-}
diff --git a/apps/website/src/components/Playground/Workspace/index.tsx b/apps/website/src/components/Playground/Workspace/index.tsx
deleted file mode 100644
index f54d5ca..0000000
--- a/apps/website/src/components/Playground/Workspace/index.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import React, {
- ChangeEvent,
- useState,
- useEffect,
- MutableRefObject,
-} from "react";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid";
-import { FFmpeg } from "@ffmpeg/ffmpeg";
-import { fetchFile } from "@ffmpeg/util";
-import { downloadFile } from "@site/src/util";
-import { Node } from "./types";
-import FileSystemManager from "./FileSystemManager";
-import { SAMPLE_FILES } from "../const";
-import Editor from "./Editor";
-
-const defaultArgs = JSON.stringify(["-i", "video.webm", "video.mp4"], null, 2);
-
-interface WorkspaceProps {
- ffmpeg: MutableRefObject
-
- {siteConfig.title}
-{siteConfig.tagline}
-
-
- Try it Now!
-
-
-
-
-
- {() => {
- const FileSystemManager = require('@site/src/components/Playground/Workspace/FileSystemManager').default;
- return (
-
-
-
-
-
-
--
-
-
- {() => {
- const Editor = require('@site/src/components/Playground/Workspace/Editor').default;
- return (
-
-
-
-
-
-
-#### Download output files
-
-Lastly you can download your files using File System panel and check the result.
-:tada:
diff --git a/apps/website/src/theme/ReactLiveScope/index.js b/apps/website/src/theme/ReactLiveScope/index.js
deleted file mode 100644
index 53a4f90..0000000
--- a/apps/website/src/theme/ReactLiveScope/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-import { FFmpeg } from "@ffmpeg/ffmpeg";
-import { fetchFile, toBlobURL } from "@ffmpeg/util";
-
-// Add react-live imports you need here
-const ReactLiveScope = {
- React,
- ...React,
- FFmpeg,
- fetchFile,
- toBlobURL,
-};
-export default ReactLiveScope;
diff --git a/apps/website/src/util.ts b/apps/website/src/util.ts
deleted file mode 100644
index 8a65af5..0000000
--- a/apps/website/src/util.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const downloadFile = (name: string, data: ArrayBuffer | string) => {
- const a = document.createElement("a");
- const blob = new Blob([data]);
- const url = window.URL.createObjectURL(blob);
- a.href = url;
- a.download = name;
- a.click();
- window.URL.revokeObjectURL(url);
-};
diff --git a/apps/website/static/.nojekyll b/apps/website/static/.nojekyll
deleted file mode 100644
index e69de29..0000000
diff --git a/apps/website/static/ads.txt b/apps/website/static/ads.txt
deleted file mode 100644
index b29f275..0000000
--- a/apps/website/static/ads.txt
+++ /dev/null
@@ -1 +0,0 @@
-google.com, pub-8688083214014126, DIRECT, f08c47fec0942fa0
diff --git a/apps/website/static/asset/arial.ttf b/apps/website/static/asset/arial.ttf
deleted file mode 100755
index ff0815c..0000000
Binary files a/apps/website/static/asset/arial.ttf and /dev/null differ
diff --git a/apps/website/static/img/angular.png b/apps/website/static/img/angular.png
deleted file mode 100644
index 3864c8a..0000000
Binary files a/apps/website/static/img/angular.png and /dev/null differ
diff --git a/apps/website/static/img/favicon.ico b/apps/website/static/img/favicon.ico
deleted file mode 100644
index 4b56408..0000000
Binary files a/apps/website/static/img/favicon.ico and /dev/null differ
diff --git a/apps/website/static/img/ffmpegwasm-arch.png b/apps/website/static/img/ffmpegwasm-arch.png
deleted file mode 100644
index f0ec68b..0000000
Binary files a/apps/website/static/img/ffmpegwasm-arch.png and /dev/null differ
diff --git a/apps/website/static/img/jeromewu.png b/apps/website/static/img/jeromewu.png
deleted file mode 100644
index f583e40..0000000
Binary files a/apps/website/static/img/jeromewu.png and /dev/null differ
diff --git a/apps/website/static/img/libs/freetype.png b/apps/website/static/img/libs/freetype.png
deleted file mode 100644
index ce8aa92..0000000
Binary files a/apps/website/static/img/libs/freetype.png and /dev/null differ
diff --git a/apps/website/static/img/libs/lame.gif b/apps/website/static/img/libs/lame.gif
deleted file mode 100644
index 20d2a5a..0000000
Binary files a/apps/website/static/img/libs/lame.gif and /dev/null differ
diff --git a/apps/website/static/img/libs/libvpx.png b/apps/website/static/img/libs/libvpx.png
deleted file mode 100644
index 40ae36b..0000000
Binary files a/apps/website/static/img/libs/libvpx.png and /dev/null differ
diff --git a/apps/website/static/img/libs/opus.png b/apps/website/static/img/libs/opus.png
deleted file mode 100644
index 9d570a0..0000000
Binary files a/apps/website/static/img/libs/opus.png and /dev/null differ
diff --git a/apps/website/static/img/libs/theora.png b/apps/website/static/img/libs/theora.png
deleted file mode 100644
index 71b73e4..0000000
Binary files a/apps/website/static/img/libs/theora.png and /dev/null differ
diff --git a/apps/website/static/img/libs/vorbis.png b/apps/website/static/img/libs/vorbis.png
deleted file mode 100644
index 295e0b1..0000000
Binary files a/apps/website/static/img/libs/vorbis.png and /dev/null differ
diff --git a/apps/website/static/img/libs/webp.png b/apps/website/static/img/libs/webp.png
deleted file mode 100644
index 23c9483..0000000
Binary files a/apps/website/static/img/libs/webp.png and /dev/null differ
diff --git a/apps/website/static/img/libs/x264.png b/apps/website/static/img/libs/x264.png
deleted file mode 100644
index 7c9ab64..0000000
Binary files a/apps/website/static/img/libs/x264.png and /dev/null differ
diff --git a/apps/website/static/img/libs/x265.webp b/apps/website/static/img/libs/x265.webp
deleted file mode 100644
index f1a9029..0000000
Binary files a/apps/website/static/img/libs/x265.webp and /dev/null differ
diff --git a/apps/website/static/img/logo192.png b/apps/website/static/img/logo192.png
deleted file mode 100644
index 2e11d0f..0000000
Binary files a/apps/website/static/img/logo192.png and /dev/null differ
diff --git a/apps/website/static/img/nextjs.png b/apps/website/static/img/nextjs.png
deleted file mode 100644
index 0643f72..0000000
Binary files a/apps/website/static/img/nextjs.png and /dev/null differ
diff --git a/apps/website/static/img/react-vite.png b/apps/website/static/img/react-vite.png
deleted file mode 100644
index 08bcd57..0000000
Binary files a/apps/website/static/img/react-vite.png and /dev/null differ
diff --git a/apps/website/static/img/safety-icon.svg b/apps/website/static/img/safety-icon.svg
deleted file mode 100755
index 21c44e9..0000000
--- a/apps/website/static/img/safety-icon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
\ No newline at end of file
diff --git a/apps/website/static/img/solidstart-vite.png b/apps/website/static/img/solidstart-vite.png
deleted file mode 100644
index e34acc2..0000000
Binary files a/apps/website/static/img/solidstart-vite.png and /dev/null differ
diff --git a/apps/website/static/img/sveltekit-vite.png b/apps/website/static/img/sveltekit-vite.png
deleted file mode 100644
index 3544108..0000000
Binary files a/apps/website/static/img/sveltekit-vite.png and /dev/null differ
diff --git a/apps/website/static/img/ts-logo-round-512.svg b/apps/website/static/img/ts-logo-round-512.svg
deleted file mode 100755
index cf7ce8f..0000000
--- a/apps/website/static/img/ts-logo-round-512.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/apps/website/static/img/vanilla.png b/apps/website/static/img/vanilla.png
deleted file mode 100644
index 43b3450..0000000
Binary files a/apps/website/static/img/vanilla.png and /dev/null differ
diff --git a/apps/website/static/img/vue-vite.png b/apps/website/static/img/vue-vite.png
deleted file mode 100644
index 9b71503..0000000
Binary files a/apps/website/static/img/vue-vite.png and /dev/null differ
diff --git a/apps/website/static/img/wasm-logo.svg b/apps/website/static/img/wasm-logo.svg
deleted file mode 100755
index d562c62..0000000
--- a/apps/website/static/img/wasm-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/apps/website/tsconfig.json b/apps/website/tsconfig.json
deleted file mode 100644
index 6f47569..0000000
--- a/apps/website/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- // This file is not used in compilation. It is here just for a nice editor experience.
- "extends": "@tsconfig/docusaurus/tsconfig.json",
- "compilerOptions": {
- "baseUrl": "."
- }
-}
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 0000000..ed6b75f
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,31 @@
+{
+ "$schema": "https://json.schemastore.org/tsconfig",
+ "display": "Default",
+ "compilerOptions": {
+ "declaration": true,
+ "declarationMap": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "incremental": true,
+ "isolatedModules": true,
+ "lib": [
+ "DOM",
+ "ESNext",
+ "DOM.AsyncIterable",
+ "DOM.Iterable"
+ ],
+ "module": "ESNext",
+ "moduleDetection": "force",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "allowImportingTsExtensions": false,
+ "emitDeclarationOnly": true,
+ "skipLibCheck": true,
+ "target": "ES2021",
+ "strictNullChecks": true,
+ "strict": true,
+ "useDefineForClassFields": false,
+ "exactOptionalPropertyTypes": false,
+ "experimentalDecorators": true
+ }
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index f0cdf6b..4a32a70 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,105 +1,14 @@
{
- "compilerOptions": {
- /* Visit https://aka.ms/tsconfig to read more about this file */
-
- /* Projects */
- // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
- // "composite": true, [> Enable constraints that allow a TypeScript project to be used with project references. <]
- // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */
- // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */
- // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */
- // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */
-
- /* Language and Environment */
- "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
- // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */
- // "jsx": "preserve", /* Specify what JSX code is generated. */
- // "experimentalDecorators": true, /* Enable experimental support for TC39 stage 2 draft decorators. */
- // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */
- // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
- // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
- // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
- // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
- // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */
- // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */
- // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */
-
- /* Modules */
- "module": "commonjs", /* Specify what module code is generated. */
- // "rootDir": "./", /* Specify the root folder within your source files. */
- "moduleResolution": "node", /* Specify how TypeScript looks up a file from a given module specifier. */
- "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */
- "paths": {
- "@ffmpeg/*": ["packages/*"]
- }, /* Specify a set of entries that re-map imports to additional lookup locations. */
- // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */
- // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */
- // "types": [], /* Specify type package names to be included without being referenced in a source file. */
- // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
- // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */
- // "resolveJsonModule": true, /* Enable importing .json files. */
- // "noResolve": true, /* Disallow 'import's, 'require's or '