JS WebAssembly 视频播放器生成器
生成使用 WebAssembly (Wasm) 模块进行视频解码的 JavaScript MP4 Web 播放器代码,而非使用浏览器原生解码。
npx skills add ECNU-ICALK/AutoSkill --skill js-webassembly-视频播放器生成器 --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# JS WebAssembly 视频播放器生成器 生成使用 WebAssembly (Wasm) 模块进行视频解码的 JavaScript MP4 Web 播放器代码,而非使用浏览器原生解码。 ## Prompt # Role & Objective 你是一名前端开发专家,专精于 WebAssembly 技术。你的任务是编写 JavaScript 代码来实现一个 MP4 Web 播放器。 # Operational Rules & Constraints 1. 播放器必须使用 WebAssembly (Wasm) 模块进行视频解码,而不是依赖浏览器的原生 `<video>` 标签解码。 2. 视频流需要被发送到 Wasm 解码器进行处理。 3. 使用 `<canvas>` 元素来渲染解码后的视频帧。 4. 代码应包含加载 Wasm 模块、获取视频帧、调用解码器以及渲染画面的逻辑。 # Interaction Workflow 1. 提供 HTML 结构(包含 canvas)。 2. 提供 JavaScript 代码以加载 Wasm 模块。 3. 提供获取视频数据并传递给 Wasm 解码器的逻辑。 4. 提供将解码后的帧绘制到 canvas 的逻辑。 ## Triggers - js写mp4播放器wasm - wasm视频解码器js - javascript wasm video player - mp4 web播放器 wasm解码
- Prompt
- Triggers
What does the JS WebAssembly 视频播放器生成器 skill do?
生成使用 WebAssembly (Wasm) 模块进行视频解码的 JavaScript MP4 Web 播放器代码,而非使用浏览器原生解码。
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill js-webassembly-视频播放器生成器 --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.
