matthuey/as-bump-maker

as-bump-maker

演示

!https://raw.githubusercontent.com/Matthunker/as-bump-maker/main/assets/demo.gif 完整视频（含声音）：https://github.com/Matthunker/as-bump-maker/blob/main/assets/demo.mp4

镜像概述

这是一个轻量级Web应用，用于创建Adult Swim风格的过渡短片（bump），并在浏览器中导出为MP4文件。你可以用它生成自定义填充/商业片段，添加到Jellyfin媒体库或通过Tunarr调度。

核心功能

• 文本卡片时间线（支持设置文本内容和显示时长）
• 单卡片文本位置调整（预设位置+拖拽放置）
• 可选背景图/视频（支持覆盖/包含模式+亮度调节）
• 可选音乐上传（会混入导出文件）
• 以简单Nginx容器运行

使用场景

• 为Jellyfin媒体库添加自定义填充片段
• 通过Tunarr调度自定义过渡内容

配置说明

Docker快速启动

运行命令：

bash
docker run --rm -p 5173:80 matthuey/as-bump-maker:latest

打开浏览器访问：http://localhost:5173

Docker Compose配置

创建docker-compose.yml文件：

yaml
services:
  bump-maker:
    image: matthuey/as-bump-maker:latest
    ports:
      - "5173:80"
    restart: unless-stopped

执行启动命令：

bash
docker compose up -d

使用步骤

1. 添加卡片（设置文本内容和显示秒数）
2. （可选）上传音乐
3. （可选）上传背景图/视频并调节亮度
4. 预览效果
5. 导出MP4文件

注意事项

• MP4导出在浏览器内完成（支持MediaRecorder时直接导出；否则通过ffmpeg.wasm将WebM转为MP4）
• 首次导出可能会下载浏览器端编码器资源，具体取决于你的环境设置