encode

\n\n

\n \n

\n drop a video file here
\n or click to choose\n

\n\n

—

\n\n

\n\n \n\n

\n ↓ save encoded file\n

\n\n \n

\n\n\n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_313":26,"_315":26},"connections",{"_313":26,"_314":26},"count","unfilledCount","emptyCount",{"_50":297,"_13":18,"_80":81,"_60":-5,"_52":53,"_298":221,"_299":292,"_54":329,"_56":182,"_82":21,"_301":302,"_83":24,"_303":-5,"_326":330,"_17":331},{"_50":318,"_13":319,"_80":320,"_60":-5,"_52":53,"_298":321,"_299":292,"_54":322,"_56":89,"_82":323,"_301":324,"_83":24,"_303":325,"_326":327,"_17":328},"08adff62-5f22-11f1-a2ad-1607ee4eb77e","main.ts","71780ab4-5efb-11f1-b4fd-1607ee4eb77e",23,["D",1780473520401],"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst NPM = \"https://registry.npmjs.org\";\n\nconst PACKAGES: Record = {\n \"ffmpeg\": `${NPM}/@ffmpeg/ffmpeg/-/ffmpeg-0.12.10.tgz`,\n \"util\": `${NPM}/@ffmpeg/util/-/util-0.12.1.tgz`,\n \"core\": `${NPM}/@ffmpeg/core/-/core-0.12.10.tgz`,\n};\n\n// Serve a file out of an npm .tgz:\n// /npm/core/dist/umd/ffmpeg-core.js\n// ^^^^ package key\n// ^^^^^^^^^^^^^^^^^^^^^^^^ path inside package/\nasync function serveNpm(pkg: string, filePath: string): Promise {\n const tgzUrl = PACKAGES[pkg];\n if (!tgzUrl) return new Response(\"Not found\", { status: 404 });\n\n // Fetch the .tgz\n const tgzRes = await fetch(tgzUrl);\n if (!tgzRes.ok) return new Response(\"Upstream error\", { status: 502 });\n\n const tgzBuf = await tgzRes.arrayBuffer();\n\n // Parse the tarball manually (gzip + tar)\n const ds = new DecompressionStream(\"gzip\");\n const writer = ds.writable.getWriter();\n writer.write(new Uint8Array(tgzBuf));\n writer.close();\n const gunzipped = await new Response(ds.readable).arrayBuffer();\n\n // Walk tar blocks looking for \"package/\"\n const target = `package/${filePath}`;\n const view = new Uint8Array(gunzipped);\n let offset = 0;\n\n while (offset + 512 <= view.length) {\n const header = view.slice(offset, offset + 512);\n // Name is null-terminated in first 100 bytes\n const name = new TextDecoder().decode(header.slice(0, 100)).replace(/\\0.*/, \"\");\n // File size is octal in bytes 124-135\n const sizeStr = new TextDecoder().decode(header.slice(124, 136)).replace(/\\0.*/, \"\").trim();\n const size = parseInt(sizeStr, 8) || 0;\n\n offset += 512; // advance past header\n\n if (name === target && size > 0) {\n const body = view.slice(offset, offset + size);\n const ct = filePath.endsWith(\".wasm\") ? \"application/wasm\"\n : filePath.endsWith(\".js\") ? \"application/javascript; charset=utf-8\"\n : \"application/octet-stream\";\n return new Response(body, {\n headers: {\n \"Content-Type\": ct,\n \"Cross-Origin-Resource-Policy\": \"same-origin\",\n \"Cross-Origin-Embedder-Policy\": \"require-corp\",\n \"Cache-Control\": \"public, max-age=31536000, immutable\",\n },\n });\n }\n\n // Advance past file data (rounded up to 512-byte block)\n offset += Math.ceil(size / 512) * 512;\n }\n\n return new Response(\"File not found in package\", { status: 404 });\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n // /npm// e.g. /npm/core/dist/umd/ffmpeg-core.js\n if (url.pathname.startsWith(\"/npm/\")) {\n const parts = url.pathname.slice(\"/npm/\".length).split(\"/\");\n const pkg = parts[0];\n const filePath = parts.slice(1).join(\"/\");\n return serveNpm(pkg, filePath);\n }\n\n // Main page\n const html = await readFile(\"./index.html\", import.meta.url);\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cross-Origin-Opener-Policy\": \"same-origin\",\n \"Cross-Origin-Embedder-Policy\": \"require-corp\",\n },\n });\n}\n","encode","children",[],[319],["D",1780473939241],[],[18],["D",1780456945842],{"_11":12,"_274":86},{"_11":12,"_270":-5,"_85":86,"_30":84,"_271":272,"_273":24},{"_56":221,"_13":16,"_50":53,"_262":228,"_263":-5,"_264":-5,"_265":-5,"_266":-5,"_267":-5,"_268":14,"_269":12},"ctx",{"_70":-5,"_294":369,"_370":371,"_372":373,"_374":24,"_375":24,"_376":24,"_377":292,"_378":-5,"_379":-7,"_380":-7,"_381":26,"_382":24,"_383":24,"_384":-5,"_385":24,"_386":24,"_387":24,"_388":-5},"ENV",{"_340":341,"_342":343,"_344":16,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html