dramaling-vocab-learning/frontend
鄭沛軒 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
..
app refactor: 重構 review 組件架構 + 修正 API 端口配置 2025-10-05 04:43:48 +08:00
components feat: 實現 TTS 播放功能 + 改進詞彙選擇 UX 流程 2025-10-05 05:06:12 +08:00
contexts feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
hooks feat: 實現線性雙測驗流程系統 2025-10-05 04:06:54 +08:00
lib refactor: 重構 review 組件架構 + 修正 API 端口配置 2025-10-05 04:43:48 +08:00
public feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
store feat: 重構並整合 review-simple 組件系統 2025-10-04 23:44:31 +08:00
tests feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00
utils feat: 完成前端動態答案推導系統和UI組件優化 2025-09-28 02:24:59 +08:00
next.config.mjs feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
package-lock.json feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00
package.json feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00
postcss.config.js feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
tailwind.config.ts feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
tsconfig.json feat: DramaLing 完整版本 - 韓劇單字學習應用 2025-09-16 23:06:47 +08:00
vitest.config.ts feat: 建立複習功能完整測試體系 + 解決類型兼容性問題 2025-10-03 01:59:11 +08:00