Skip to content

[Feature] TTS 朗读界面按钮缺少提示,状态文案用语建议调整 #374

@chy5301

Description

@chy5301

Type

Enhancement

描述

TTS 语音朗读界面(桌面端 TTSPage + FloatingTTSBubble、移动端 TTSPage + TTSMiniPlayer)存在两个体验问题:

1. 按钮缺少功能提示

传输控制区的五个按钮(上一句、重播、播放/暂停、停止、下一句)仅靠图标表达含义,没有 title/tooltip(桌面端)也没有 accessibilityLabel(部分场景),新用户需要靠猜测或试错才能理解各按钮功能。

现状

  • 桌面端 TTSPage:按钮有 aria-label,但没有 title,鼠标悬停无提示
  • 桌面端 FloatingTTSBubble 迷你播放器:播放/暂停、上一句、下一句、重播、语速加减既无 title 也无 aria-label
  • 移动端 FloatingTTSBubble:气泡主按钮无 accessibilityLabel
  • 移动端 TTSMiniPlayer:播放/暂停、语速加减、跳到当前位置、跳到歌词页无 accessibilityLabel

建议:为所有按钮添加 title(桌面端悬停提示)和 aria-label / accessibilityLabel(无障碍),让用户无需猜测。

2. 状态文案用语不契合「朗读」场景

当前播放状态显示「正在播放」,更适合音乐播放器场景,用于语音朗读显得不够自然。建议调整为「正在朗读」,英文对应调整为 "Reading"。

涉及 i18n keytts.playing

3. (附带发现)移动端 TTSMiniPlayer 存在硬编码文案

packages/app-expo/src/components/tts/TTSMiniPlayer.tsx 中有两处硬编码中文,未走 i18n:

// 第 133-137 行:状态文案硬编码
const statusText =
  playState === "loading" ? "加载中…"
  : playState === "playing" ? "播放中"
  : playState === "paused" ? "已暂停"
  : "已停止";

// 第 191 行:书名 fallback 硬编码
{currentBookTitle || "正在听书"}

建议改为使用 t("tts.playing") 等 i18n key,保持多语言一致性。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions