 鄭沛軒
|
fc517d8cd2
|
fix: 修正 VocabChoiceQuiz 語法錯誤和字符編碼問題
- 🔧 重寫 VocabChoiceQuiz.tsx 解決編碼問題
- ✅ 移除亂碼字符，確保正常編譯
- ✅ 完善答題後「下一題」按鈕功能
- ✅ 添加播放按鈕到答案解析區域
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-05 05:14:41 +08:00 |
|
鄭沛軒
|
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 |