Thorium阅读器实现TTS朗读时文本居中高亮功能的技术解析

Thorium阅读器实现TTS朗读时文本居中高亮功能的技术解析

thorium-reader A cross platform desktop reading app, based on the Readium Desktop toolkit 项目地址: https://gitcode.com/gh_mirrors/th/thorium-reader

Thorium阅读器作为一款开源的电子书阅读软件，近期在其滚动阅读模式中实现了一项重要的无障碍功能改进——文本转语音(TTS)朗读时的自动居中高亮功能。这项功能显著提升了用户在听书时的阅读体验，特别是对视障用户更加友好。

功能背景与需求

在电子书阅读过程中，文本转语音功能允许用户通过听觉方式"阅读"书籍内容。为了增强用户体验，阅读器通常会在朗读时高亮当前正在朗读的文本段落。传统的实现方式只是简单地在原位置高亮文本，用户需要手动滚动页面来跟踪朗读进度。

Thorium团队发现，当用户在滚动模式下使用TTS功能时，如果当前朗读的文本能够自动居中显示，将大大改善阅读流畅性。这种"保持居中"(stay centered)的功能原本仅在"字幕/简洁视图"模式下可用，但团队决定将其扩展到所有文档的滚动阅读模式中。

技术实现方案

该功能的实现涉及以下几个关键技术点：

1. 视图模式适配：由于分栏页面模式(pagination)有严格的页面边界限制，自动居中功能仅适用于滚动视图模式(scroll view)

2. 高亮样式兼容：支持所有高亮样式，包括：

   • 实心填充(solid)
   • 轮廓线(outline)
   • 下划线(underline)
   • 遮罩(mask)
   • 块状遮罩/标尺(block mask/ruler)

3. 视觉呈现优化：在深色模式(dark mode)下，系统会自动适配用户选择的衬线字体(serif)和增加的行间距，确保高亮效果在各种显示设置下都清晰可见

4. 与字幕视图的区别：不同于字幕视图(clean view)将每个朗读语句单独显示为一行/多行块的做法，新功能保持了原始文档的排版样式和上下文

用户体验提升

这项改进带来了显著的可用性提升：

1. 用户不再需要手动跟踪朗读进度，系统会自动将当前朗读的文本滚动到视图中央
2. 保持了原始文档的排版风格，不像字幕视图那样完全忽略出版商的样式设计
3. 在各种高亮样式下都能正常工作，用户可以根据个人偏好选择最适合自己的高亮方式
4. 在深色模式下也能保持良好的视觉对比度，减少眼睛疲劳

实现效果展示

在实际使用中，用户可以看到：

1. 正常文档滚动视图下，系统会使用用户选择的字体和行距设置
2. 正在朗读的文本段落会被自动居中并高亮显示
3. 字幕视图虽然会检测用户选择的深色模式，但会应用自己固定的呈现样式
4. 新功能保持了文档原有的视觉层次和排版结构

这项改进现已作为默认行为集成到Thorium阅读器中，为用户提供了更加流畅和舒适的有声阅读体验。

thorium-reader A cross platform desktop reading app, based on the Readium Desktop toolkit 项目地址: https://gitcode.com/gh_mirrors/th/thorium-reader