https://github.com/hsywhu/tts-reader

A simple POC to explore the capability of client side web SpeechSynthesis API under the mobile PWA environment
https://github.com/hsywhu/tts-reader

pwa reader speechsynthesis text-to-speech

Last synced: 17 days ago
JSON representation

A simple POC to explore the capability of client side web SpeechSynthesis API under the mobile PWA environment

• Host: GitHub
• URL: https://github.com/hsywhu/tts-reader
• Owner: hsywhu
• Created: 2023-07-10T04:44:14.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-17T16:40:27.000Z (over 1 year ago)
• Last Synced: 2024-10-16T15:02:38.427Z (2 months ago)
• Topics: pwa, reader, speechsynthesis, text-to-speech
• Language: TypeScript
• Homepage: https://tts-reader.songyih.cc
• Size: 635 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TTS Reader

This is a simple POC to explore the capability of client side SpeechSynthesis API under the mobile PWA environment

## Getting Started

The online demo is avaiable [here](https://tts-reader.songyih.cc/)

To start the project locally, install dependencies with:

```bash

yarn

```

Then run

```bash

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

![Demo page](demo.png)

## Resources

- This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

- Text-to-Speech: [SpeechSynthesis](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis)

- UI Components: [Chakra](https://chakra-ui.com/), [react-icons](https://react-icons.github.io/react-icons/)

- Progressive Web App support: [next-pwa](https://github.com/shadowwalker/next-pwa)