https://github.com/vivek-nexus/listen-v4

A text to speech web application that speaks word, sentences or even long articles in a music player like interface.
https://github.com/vivek-nexus/listen-v4

desktop-app mobile-first music-player nextjs react text-to-speech webapp

Last synced: 2 months ago
JSON representation

A text to speech web application that speaks word, sentences or even long articles in a music player like interface.

• Host: GitHub
• URL: https://github.com/vivek-nexus/listen-v4
• Owner: vivek-nexus
• Created: 2022-07-14T16:11:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-17T03:40:43.000Z (6 months ago)
• Last Synced: 2024-07-26T05:53:30.082Z (5 months ago)
• Topics: desktop-app, mobile-first, music-player, nextjs, react, text-to-speech, webapp
• Language: JavaScript
• Homepage: https://www.vivek.nexus/listen-v4/
• Size: 7.18 MB
• Stars: 8
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Listen

## **This repo is an older version. Latest version: https://github.com/vivek-nexus/listen**

A text to speech web application that speaks word, sentences or even long articles in a music player like interface.

**View the app at https://www.vivek.nexus/listen-v4**












## Passing article text to pre-fill

Pass the article text as a URL parameter. URL encode the text for sanity.

Example: https://www.vivek.nexus/listen-v4/app?text=This%20is%20the%20first%20line%20of%20the%20article.%0A%0AThis%20is%20the%20second%20line.%20Make%20sure%20to%20URL%20encode%20the%20text%20before%20passing




## Passing a link to fetch

Pass the link as a URL parameter. Make sure to allow cross origin requests (CORS) on your website server from https://www.vivek.nexus origin.

- If you use no-code hosting methods, consult your hosting provider's documentation to enable CORS

- If you control the code on your server, see https://www.w3.org/wiki/CORS_Enabled for instructions

Example: https://www.vivek.nexus/listen-v4/app?url=https://ideas.ted.com/how-to-handle-anxiety-lionel










## Integrating Listen on your blog

#### [Option 1] Load Listen as an iframe (recommended method)

- On your blog pages, load the site as an iframe in a suitable way. Make sure the iframe size is at least 360px by 780px for optimal UI experience.

- Use URL params to send your article

#### [Option 2] Open Listen in a new tab

- On your blog page, provide a button such as `Listen to this article`

- On click of the button, open Listen in a new tab. Send your article using URL params.

## Help

Create an issue here https://github.com/vivek-nexus/listen-v4/issues