feat: Implement text-to-speech for articles #438
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This feature adds text-to-speech (TTS) functionality to the application, allowing you to listen to WeChat Official Account articles.
Key changes include:
Frontend (apps/web):
- Added a new `ArticleViewer` component to display article content fetched from the backend.
- Integrated the Web Speech API for TTS capabilities.
- Implemented playback controls:
- Play, Pause, Resume functionality.
- Skip forward and skip backward (by a set number of words).
- Draggable progress bar to show and control speech playback position.
- Modified the article list to open the `ArticleViewer` in a modal.
- Added unit tests for the `ArticleViewer` component, covering rendering, content display, and TTS controls.
- Updated the tRPC client to use an environment variable (`VITE_API_URL`) for the backend URL, facilitating deployment.
- Added `VITE_API_URL` to `.env.local.example`.
Backend (apps/server):
- Added a new tRPC endpoint (`article.content`) to fetch raw HTML content for a given article ID.
- Modified `prisma/schema.prisma` to set the database provider to `postgresql` for compatibility with Render.com deployment.
Deployment:
- The changes are prepared for deployment on Render.com, with the frontend as a static site and the backend as a Dockerized web service using PostgreSQL.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This feature adds text-to-speech (TTS) functionality to the application, allowing you to listen to WeChat Official Account articles.
Key changes include:
Frontend (apps/web):
ArticleViewercomponent to display article content fetched from the backend.ArticleViewerin a modal.ArticleViewercomponent, covering rendering, content display, and TTS controls.VITE_API_URL) for the backend URL, facilitating deployment.VITE_API_URLto.env.local.example.Backend (apps/server):
article.content) to fetch raw HTML content for a given article ID.prisma/schema.prismato set the database provider topostgresqlfor compatibility with Render.com deployment.Deployment: