dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	fde7d1209b	feat: 實現 TTS 播放功能 + 改進詞彙選擇 UX 流程 ## TTS 播放功能 (BluePlayButton) - ✅ 實現瀏覽器內建 TTS 語音播放 - ✅ 添加瀏覽器支援檢測和錯誤處理 - ✅ 支援語速、音調、音量調整參數 - ✅ 改進播放/停止狀態管理 - ✅ 優化視覺回饋和無障礙體驗 ## FlipMemory 組件整合 - ✅ 在單詞展示區添加播放按鈕 - ✅ 在例句區塊添加播放按鈕 - ✅ 防止播放觸發翻卡動作 ## VocabChoiceQuiz UX 改進 - ✅ 移除自動跳頁邏輯，改為手動「下一題」 - ✅ 答題後顯示「下一題」按鈕取代「跳過」 - ✅ 在答案解析中添加單詞和例句播放功能 - ✅ 提供更好的學習體驗，讓用戶有時間查看解析 ## 技術改進 - 🎵 使用 Web Speech API 實現 TTS - 📱 響應式設計，支援多種按鈕尺寸 - 🛡️ 完善的錯誤處理和記憶體管理 - ⚡ 即時回應，無網路延遲 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-05 05:06:12 +08:00
鄭沛軒	3ff3b7f0a1	refactor: 重構 review 組件架構 + 修正 API 端口配置 - 重構組件命名: Simple* → 更語義化命名 - SimpleFlipCard → FlipMemory - VocabChoiceTest → VocabChoiceQuiz - SimpleProgress → QuizProgress - SimpleResults → QuizResult - SimpleTestHeader → QuizHeader - 重新組織目錄結構: - components/review/simple/ → components/review/quiz/ & ui/ - 分離測驗邏輯組件 (quiz/) 和 UI 組件 (ui/) - 修正 API 配置: - 更新 frontend/lib/config/api.ts: localhost:5008 → localhost:5000 - 配合後端實際運行端口 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-05 04:43:48 +08:00

Author

SHA1

Message

Date

鄭沛軒

fde7d1209b

feat: 實現 TTS 播放功能 + 改進詞彙選擇 UX 流程

## TTS 播放功能 (BluePlayButton)
- ✅ 實現瀏覽器內建 TTS 語音播放
- ✅ 添加瀏覽器支援檢測和錯誤處理
- ✅ 支援語速、音調、音量調整參數
- ✅ 改進播放/停止狀態管理
- ✅ 優化視覺回饋和無障礙體驗

## FlipMemory 組件整合
- ✅ 在單詞展示區添加播放按鈕
- ✅ 在例句區塊添加播放按鈕
- ✅ 防止播放觸發翻卡動作

## VocabChoiceQuiz UX 改進
- ✅ 移除自動跳頁邏輯，改為手動「下一題」
- ✅ 答題後顯示「下一題」按鈕取代「跳過」
- ✅ 在答案解析中添加單詞和例句播放功能
- ✅ 提供更好的學習體驗，讓用戶有時間查看解析

## 技術改進
- 🎵 使用 Web Speech API 實現 TTS
- 📱 響應式設計，支援多種按鈕尺寸
- 🛡️ 完善的錯誤處理和記憶體管理
- ⚡ 即時回應，無網路延遲

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-10-05 05:06:12 +08:00

鄭沛軒

3ff3b7f0a1

refactor: 重構 review 組件架構 + 修正 API 端口配置

- 重構組件命名: Simple* → 更語義化命名
  - SimpleFlipCard → FlipMemory
  - VocabChoiceTest → VocabChoiceQuiz
  - SimpleProgress → QuizProgress
  - SimpleResults → QuizResult
  - SimpleTestHeader → QuizHeader

- 重新組織目錄結構:
  - components/review/simple/ → components/review/quiz/ & ui/
  - 分離測驗邏輯組件 (quiz/) 和 UI 組件 (ui/)

- 修正 API 配置:
  - 更新 frontend/lib/config/api.ts: localhost:5008 → localhost:5000
  - 配合後端實際運行端口

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-10-05 04:43:48 +08:00

2 Commits