[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1148":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":15,"starSnapshotCount":15,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},1148,"activeframe","activetheory\u002Factiveframe","activetheory","Custom .af video format for WebCodecs: frame-accurate playback without a video tag or third-party decoders.","https:\u002F\u002Factivetheory.github.io\u002Factiveframe\u002F",null,"JavaScript",365,15,1,0,3,5,28,9,3.61,"MIT License",false,"main",true,[26,27,28],"decoder","video","webcodec","2026-06-12 02:00:23","# ActiveFrame 🖼️ (beta)\n\n![ActiveFrame sample](.\u002Fdocs\u002Fassets\u002Fsample.gif)\n![ActiveFrame sample2](.\u002Fdocs\u002Fassets\u002Fsample2.gif)\n\nDemo: https:\u002F\u002Factivetheory.github.io\u002Factiveframe\u002F  \n[More Context](https:\u002F\u002Fx.com\u002Fluruke\u002Fstatus\u002F2037511335257223626?s=20)\n\nActiveFrame is a small pipeline and javascript library for turning a video into a **single binary `.af` file** and decoding it in the browser with the **Web Codec API** — without a `\u003Cvideo>` element and **without third-party dependencies** such as FFmpeg.wasm, Mediabunny, or other JS demuxers\u002Fdecoders.\n\nThe file packs **raw encoded samples** (H.264 \u002F H.265) plus a **JSON manifest**. The runtime loads the buffer, configures the decoder from the manifest, and exposes **frame-accurate** navigation via `setFrame(index)`.\n\n---\n\n## Why use this instead of “regular” video?\n\n- Frame-accurate control and random access\n- Feed the frame natively to WebGL\u002FWebGPU and Canvas 2D\n- Hardware accelerated**\n- Optimized for interactive scrubbing, 3D, image-like control over which frame is shown\n- You can keep multiple videos \"in sync\"\n- Predictable loading times, buffering, etc\n\n---\n\n## Why use this instead of “regular” spritesheet?\n\n- Smaller file size, leveraging H.264 \u002F H.265 intra frame compression\n- Better memory management\n\n\n---\n\n## Generating an `.af` file\n\n```bash\nnode af.js \u003Cinput video> \u003Coutput.af> [maxWidth] [h264|h265] [gop] [crf]\n```\n\n---\n\n## Roadmap \u002F ideas\n\n- Surface **codec support** before loading (e.g. companion manifest or a tiny probe).\n- **Streaming** or partial fetch (range requests), LOD, adaptive quality.\n- **Runtime tuning** of hardware vs software decode based on performance.\n- **Benchmark suite** to calibrate and fine tune performance and hw support.\n\n\n---\n\nDemo video is from [Netflix Open Content](https:\u002F\u002Fopencontent.netflix.com\u002F) – Meridian. Under Creative Commons Attribution 4.0 International Public License.\n","ActiveFrame 是一个用于将视频转换为单个 `.af` 二进制文件并在浏览器中通过 Web Codec API 解码的 JavaScript 库，无需 `\u003Cvideo>` 标签和第三方解码器。其核心功能包括生成包含原始编码样本（H.264\u002FH.265）和 JSON 清单的 `.af` 文件，并支持帧精确控制、随机访问以及直接将帧送入 WebGL\u002FWebGPU 和 Canvas 2D。此外，ActiveFrame 还优化了交互式拖动、3D 场景及图像级帧控制，并允许同步多个视频播放。相较于传统视频或精灵图，ActiveFrame 提供更小的文件大小、更好的内存管理和硬件加速。适用于需要高精度帧控制和高效资源管理的 Web 应用场景。",2,"2026-06-11 02:41:56","CREATED_QUERY"]