bionic-reading

A Chrome Extension for Bionic Reading on ANY website!

This extension was made by me on May 20th in about 15 minutes of coding time. Please forgive any bugs as it hasn't been widely tested. Feel free to report them in Github Issues. Also, feel free to open a PR to fix any issues. I will review them quickly.

If there is interest, I am happy to work on this more and make it a dedicated screen reader.

Installation Instructions

Chrome, Edge and chromium-based browsers

Text instructions

1. Download the latest build chrome.zip in releases
2. Open the file location (e.g. Download).
3. Right click the ZIP file > Extract All > OK.
4. Open the folder in the command line (Suggesting to use bash terminal in case you are using the Windows operating system).
5. Run yarn install; yarn build; .
6. Open Chrome > go to this link chrome://extensions/ .
7. Enable "Developer mode".
8. Click "Load unpacked" and then choose extension/chrome inside the extracted folder.
9. To pin the extension, click the puzzle icon on the top right of Chrome, then pin the extension.

Image instructions

1. Download code as zip.

2. extract.

3. Open extensions in chrome settings.

4. Enable developer mode.

5. "Load unpacked" select the folder you extracted to.

6. Click on extension. should be under "access requested".

7. Click convert.

Firefox

• Download the latest build firefox.xpi in releases (Use other browsers, Firefox won't allow downloading unsigned xip files)
• open Firefox
• enter about:debugging#/runtime/this-firefox in the URL bar
• click "Load Temporary Add-on"
• select the firefox.xpi

Opera

• Download the latest build chrome.zip in releases and unzip it
• open Opera
• Enable Developer mode in Extension page
• click "Load Unpacked"
• select the folder

What is Bionic Reading?

Bionic Reading is a new method facilitating the reading process by guiding the eyes through text with artficial fixation points. As a result, the reader is only focusing on the highlighted initial letters and lets the brain center complete the word. In a digital world dominated by shallow forms of reading, Bionic Reading aims to encourage a more in-depth reading and understanding of written content.

Read more about Bionic Reading.

How to build

Need to install npm and yarn To build run followings

1. yarn install
2. yarn build (This will create extentions for chrome, firefox and opera inside extention folder) to debug run - yarn dev:chrome