Utility / TTSSelected

语音播放工具

支持多文本管理的语音合成播放器

把“文字转语音”做成可管理的播放列表:支持添加多段文本、速度/循环与播放控制。

  • TTS
  • Playlist
  • Speed
  • Loop
SelectedWeb AppLiveWebCreated 2025-06-25Updated 2026-04-04
语音播放工具 cover

Open the product

Start with the live surface

语音播放工具 cover

Live preview

部分站点可能因为安全策略无法被嵌入;遇到空白时请用上面的 Open live。

Access

For this type of entry, the strongest content is the live product itself. The notes below are there to frame what matters, not to replace the real experience.

Visual history

Latest state first, previous interface states preserved underneath

This timeline keeps a readable visual memory of the surface, so the newest cover can stay on the project card without erasing what came before.

Project notes

What to know before opening the live product

01

Background

为什么做

TTS 工具常常只解决“单次朗读”,但真实使用更像“播放列表”:需要可管理、可重复、可调速。

02

Scenario

应用场景

  • 长文分段朗读
  • 语言学习跟读
  • 把资料做成“可听”内容

03

Delivery

实现了什么

  • 文本输入与快速添加(支持快捷输入提示)。
  • 播放器状态(播放/暂停/循环/速度)。
  • 播放列表与进度计数。

04

Design

设计要点

  • 把“添加”与“播放”拆成两个明确区域。
  • 弱化复杂配置,强化即时反馈。

05

Tech

技术实现

  • Web Speech / TTS 能力封装
  • 列表状态管理与播放队列控制

Flow

The path from entry to completion

This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.

Add text / Queue / Speak / Repeat

语音播放工具 flowAdd textQueueSpeakRepeat