Skip to content

feat(studio): 「我的视频」库 —— 在 studio 内浏览、回放和管理导出的 MP4(愿意提 PR) #46

Open

Description

@abin0515

动机

exportMp4 其实已经在项目状态里记录了导出历史(packages/core/src/types/index.ts
中的 exports?: Array<{ path; createdAt; filename }>),但 studio UI 完全没有用到它。
导出完成后用户只能看到一个输出文件路径——既不能在浏览器里直接播放,想找以前
渲染过的视频也只能去项目目录里翻文件。

提案

在 studio 顶栏加一个视图切换,背后挂一个视频库视图:

  • 顶栏加两个导航按钮——创作 | 我的视频。「创作」就是现有的 studio;
    「我的视频」切换到库视图(进入库视图时,创作相关的工具栏控件自动隐藏)。
  • 库视图:以卡片网格展示所有项目的导出记录(显示名 + 日期),点开进入
    浏览器内 <video> 播放页,支持重命名 / 下载 / 删除;空状态引导回「创作」。
  • 导出后自动打开:MP4 导出完成后直接跳到该视频的播放页,而不是只弹一个路径。

我们已经实现了这个功能并验证过。如果你们觉得方向 OK,我可以提一个干净的 PR。

Activity

  1. lefarcen commented on Jun 12, 2026

    @lefarcen
    Contributor

    Hi @abin0515! This is a well-scoped proposal — building on the existing project.exports history instead of inventing a second store is exactly the right direction.

    A “My Videos” view inside Studio makes sense to us, especially the in-browser playback and jumping straight into the exported MP4 after render finishes. We also checked the current flow here: export history is already persisted on the project side, while the Studio UI still mainly surfaces the latest exported path, so the gap you called out is real.

    If you open a PR, we'd be happy to review it. For the first pass, I'd suggest keeping the center of gravity on:

    • browsing persisted export history in Studio
    • opening the exported MP4 directly after export
    • adding management actions only if the server/API surface stays straightforward

    Rename / download / delete all sound useful too, but if the file-operation edge cases start to sprawl, it's totally fine to land the library + playback path first and follow up on management actions separately.

  2. lefarcen commented on Jun 12, 2026

    @lefarcen
    Contributor

    如果有社区同学想接这个,欢迎直接评论 /claim 来认领,我们会按这个方向一起 review 🙌

  3. abin0515 commented on Jun 12, 2026

    @abin0515
    Author

    /claim

  4. lefarcen commented on Jun 12, 2026

    @lefarcen
    Contributor

    收到,感谢你来接这个 @abin0515 🙌
    你这边大概预期多久能推进到 PR 呀?比如几小时、1-3 天、约一周,或者更久都可以。

  5. lefarcen commented on Jun 12, 2026

    @lefarcen
    Contributor

    @abin0515,PR #47 已经按我们在 issue 里收敛过的第一刀范围开出来了:这版先把导出历史浏览、浏览器内播放、以及导出完成后直达播放器这条主路径接通。这样能先把现有 project.exports / lastOutputMp4Path 这条数据链真正落到 Studio UI 上;rename / delete 这类文件管理动作先留在后续 PR 继续拆。

    先把实现和 review 跑完,这个 issue 先保持打开,等 PR 合入后我们再继续收尾剩余范围。

  6. lefarcen commented on Jun 15, 2026

    @lefarcen
    Contributor

    Re-opening this issue for community contribution because linked PR #47 has had no author activity.

    The PR has been left open as draft so @abin0515 can resume later, and others may /claim this issue if they want to take it on.

  7. lefarcen commented on Jul 8, 2026

    @lefarcen
    Contributor

    补个状态:PR #81 也在处理 Studio 里的 MP4/export 这条链路,改动同样落在 studio-server / project.ts / Studio 前端这些持久化导出历史与播放相关路径上。这个 issue 先继续保持打开,等哪一条实现先落地、剩余范围更清楚后再收口。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is needed

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions