q-article-audio Svelte Themes

Q Article Audio

Chrome extension to let you listen to an article as a podcast in the browser or optionally on your phone by scanning a QR code while in the middle of an article/webpage

Q-Article Audio

Designed and Developed by Yonah Aviv

With Q-Article Audio, listen to the rest of an article as a podcast within the extension popup or on your smartphone using a QR code.

Video Demo: Coming soon


Q-Article Audio, the Chrome extension, includes manfiest v3(actually for now it is manifest v2 because the web-ext module on npm is only compatible with mv2, but it also makes development much easier.) and UI components from the material design library Svelte Materialify. This chrome extension is coded with

Here are screenshots of a semi-functional version 0.2.0(Using Material Design) p.s. I actually like windows better; its just the OS X window frames look better.

Features

  • Lets you listen to articles present on a webpage
  • Uses Google Chrome TTS API
    • Google's AI powered speech synthesis sounds natural and lifelike
  • PWA also available(may not do this)
    • Cross-platform support
  • Generates a QR code that will navigate towards the PWA which will contain your article as a podcast allowing you to listen on your smartphone quickly, on the go(may change this feature fundamentally)
  • Macro Mode - Have the text zoom in on the line and scroll while reading.
  • Archive - Archive items that are taking up space in the recents pane but you still may want to reference for later.

Note: Unreleased on any web extension stores

Local Development

Feel free to my extension it out:

In your preferred terminal(I use bash) type the following:

  1. git clone y330/q-article-audio That clones the repo into a new folder called q-article-audio/

  2. cd q-article-audio. That enters into the scope of q-article-audio/

  3. pnpm i That installs the dependencies using pnpm([performant]npm). Feel free to use yarn or npm alternatively.

After installing dependencies with the previous command, type the following in your terminal to run a local server for development of the extension[no hmr :(]

  1. pnpm run dev

  2. Go to chrome://extensions

  3. Then, do the following: a. Turn on developer mode

    b. Click on load unpacked. This will open a file explorer window.

    c. Navigate to q-article-audio/ , and choose the dist/ directory.

And your done!🤝


Buy me a coffee:

Copyright © 2021 Yonah Aviv

Top categories

Loading Svelte Themes