add landing page and huggingface space demo

Author: bbruceyuan

.github/workflows/deploy-to-hf.yml

@@ -0,0 +1,79 @@
+name: Deploy to Hugging Face Space
+
+on:
+  push:
+    branches: ["master"]
+  workflow_dispatch:  # 允许手动触发
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      
+      - name: Set up Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: '3.13'
+      
+      - name: Install uv
+        run: |
+          curl -LsSf https://astral.sh/uv/install.sh | sh
+          echo "$HOME/.cargo/bin" >> $GITHUB_PATH
+      
+      - name: Export requirements.txt
+        run: |
+          uv export --no-hashes --no-dev -o requirements.txt
+      
+      - name: Prepare deployment files
+        run: |
+          # 创建临时部署目录
+          mkdir -p /tmp/hf-deploy
+          
+          # 复制必要文件到部署目录
+          cp examples/app.py /tmp/hf-deploy/app.py
+          cp requirements.txt /tmp/hf-deploy/
+          cp -r src /tmp/hf-deploy/
+          
+          cp README.md /tmp/hf-deploy/ || echo "README.md not found, skipping"
+          
+          cp LICENSE /tmp/hf-deploy/ || echo "LICENSE not found, skipping"
+          
+          # 创建 .gitignore for HF Space
+          cat > /tmp/hf-deploy/.gitignore << 'EOF'
+          __pycache__/
+          *.py[cod]
+          .venv/
+          *.mov
+          *.mp4
+          outputs/
+          inputs/
+          EOF
+      
+      - name: Push to Hugging Face Space
+        env:
+          HF_TOKEN: ${{ secrets.HF_TOKEN }}
+          HF_USERNAME: bbruceyuan
+          HF_SPACE_NAME: auto-chapter-bar
+        run: |
+          cd /tmp/hf-deploy
+          
+          # 配置 git
+          git config --global user.email "github-actions[bot]@users.noreply.github.com"
+          git config --global user.name "github-actions[bot]"
+          
+          # 初始化 git 仓库
+          git init
+          git checkout -b main
+          
+          # 添加所有文件
+          git add .
+          git commit -m "Deploy from GitHub Actions - $(date +'%Y-%m-%d %H:%M:%S')"
+          
+          # 推送到 Hugging Face
+          git remote add hf https://${HF_USERNAME}:${HF_TOKEN}@huggingface.co/spaces/${HF_USERNAME}/${HF_SPACE_NAME}
+          git push -f hf main

Makefile

@@ -1,4 +1,4 @@
-.PHONY: format check test install clean help
+.PHONY: format check test install clean help test-deploy export-requirements
 
 format:
 	uv run ruff format .
@@ -19,11 +19,21 @@ clean:
 	find . -type d -name ".ruff_cache" -exec rm -rf {} + 2>/dev/null || true
 	find . -type f -name "*.pyc" -delete
 
+export-requirements:
+	uv export --no-hashes --no-dev -o requirements.txt
+	@echo "✅ requirements.txt exported"
+
+test-deploy:
+	@echo "🧪 Testing Hugging Face deployment configuration..."
+	@./.github/test-deployment.sh
+
 help:
 	@echo "Available commands:"
-	@echo "  make format  - Format code with ruff"
-	@echo "  make check   - Run linting"
-	@echo "  make test    - Run tests"
-	@echo "  make install - Install in dev mode"
-	@echo "  make clean   - Clean cache files"
-	@echo "  make help    - Show this help message"
+	@echo "  make format              - Format code with ruff"
+	@echo "  make check               - Run linting"
+	@echo "  make test                - Run tests"
+	@echo "  make install             - Install in dev mode"
+	@echo "  make clean               - Clean cache files"
+	@echo "  make export-requirements - Export requirements.txt for deployment"
+	@echo "  make test-deploy         - Test Hugging Face deployment setup"
+	@echo "  make help                - Show this help message"

README.md

@@ -1,5 +1,10 @@
 # 🎬 Auto Chapter Bar
 
+[![Hugging Face Space](https://img.shields.io/badge/🤗%20Hugging%20Face-Space-blue)](https://huggingface.co/spaces/bbruceyuan/auto-chapter-bar)
+[![Python 3.13+](https://img.shields.io/badge/python-3.13+-blue.svg)](https://www.python.org/downloads/)
+[![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
+[![GitHub stars](https://img.shields.io/github/stars/bbruceyuan/auto-chapter-bar?style=social)](https://github.com/bbruceyuan/auto-chapter-bar/stargazers)
+
 Auto Chapter Bar（简称 `acb`）是一个开源的 Python 工具，可以快速将 SRT 字幕文件转换为带有 Alpha 透明通道的视频章节进度条。它特别适用于提升长视频的观看体验和完播率。
 
 **直接在终端使用：** `acb input.srt 360` 或 `chapterbar input.srt 360`

examples/app.py

@@ -240,16 +240,17 @@ def create_interface():
 
         gr.Markdown(
             """
-            # 🎬 Auto-Chapter-Bar v2
+            # 🎬 [Auto-Chapter-Bar](https://github.com/bbruceyuan/auto-chapter-bar)
             ### 将 SRT 字幕文件转换为可叠加的视频章节进度条动画
 
             **使用说明**：上传 SRT 文件 → 设置参数 → 点击生成 → 下载透明视频
 
             **特性**:
-            • AI 智能分段（需要 Moonshot API Key）
-            • 固定间隔分段（免费）
-            • 透明通道输出（直接叠加到原视频）
-            • 支持中文字幕
+
+            * AI 智能分段（需要 Moonshot API Key）
+            * 固定间隔分段（免费）
+            * 透明通道输出（直接叠加到原视频）
+            * 支持中文字幕
             """
         )
 
@@ -353,12 +354,10 @@ def create_interface():
             3. 将章节条拖到最上层轨道
             4. 导出最终视频
 
-            **查看使用教程**: [docs/USAGE.md](docs/USAGE.md)
-
-            **GitHub 仓库**: [https://github.com/yourusername/auto-chapter-bar](https://github.com/yourusername/auto-chapter-bar)
+            **GitHub 仓库**: [https://github.com/bbruceyuan/auto-chapter-bar](https://github.com/bbruceyuan/auto-chapter-bar)
 
             ---
-            Made with ❤️ by Auto-Chapter-Bar Team
+            Made with ❤️ by [Chaofa Yuan](https://yuanchaofa.com)
             """
         )
 
@@ -403,4 +402,4 @@ def generate_and_display(df, dur, w, h):
 
 if __name__ == "__main__":
     app = create_interface()
-    app.launch(server_name="0.0.0.0", server_port=7860, share=False, debug=True)
+    app.launch()