A web interface for using websocket-based interfaces, such as:

• Textractor with textractor-websocket or TextractorSender
• mpv with mpv_websocket

An online version of the page can be accessed here.

An offline version of the page can be downloaded from the docs folder or build locally by your own.

# Install pnpm
npm install --global pnpm

# Install dependencies
pnpm install

# Build the Page
pnpm run build

# Optional - serve the Page via local Server
pnpm run preview

The page can be opened via the index.html inside the "docs" folder and is usable without the need of hosting it via a server.

• This plugin requires that textractor captures at least one line before starting the server - connect manually afterwards

• Make sure you are using the right port which is 9001

• Make sure your firewall is not blocking the required ports. You can also check if another extension is interfering by trying out the page with a clean temporary profile and disabled extensions
• For Brave Users: If you are using a hosted / online version of the page disable the brave shield for the domain to allow the usage of unsafe websocket connections. Alternatively try out the local / offline version which you can find in the docs folder

• When "Enable external Clipboard Monitor" is checked text appended as paragraph to the page body will be taken over by the app. Make sure to enable this setting before the actual extension to avoid wrongly pasted elements

• You can use normal CSS syntax and rules via the "Custom CSS" Field. The content will be appended as style node to the page header

There are multiple ways of deleting a line:

• Click on the "Delete last Line" Icon in the header
• Click on the "Reset Lines" / "Reset Data" / "Reset All" Icon in the settings menu
• Highlight a line and press the "Delete" key on the keyboard
• Have no text highlighted and press the "Alt" + "Delete" key on the keyboard
• Select a Line for deletion by holding the "CTRL" key (or "command" key on macOS) on the keyboard and double click on it (you can press "Escape" to unselect lines again). Afterwards click on the "Remove selected Lines" icon in the header

• You can modify the content of a line by double clicking on it. Clicking somewhere outside will exit the edit mode. Changes to the text will automatically be reflected in the character counter

Note: By default, the undo history is stored in memory only. If you want to keep it across tab reloads, make sure to enable the respective setting.

• Deleting lines by clicking on the "Remove last line" icon
• Deleting lines by highlighting them and pressing the "Delete" key on the keyboard
• Deleting last line pressing the "Alt" + "Delete" key on the keyboard
• Deleting lines by clicking on the "Remove selected lines" icon
• Editing content of a line

• Deleting data by clicking on the "Reset Lines" / "Reset Data" / "Reset All" icon
• Overwritten data by an import

• You can export/import data by clicking on the respective Icon in the settings menu
• Clicking on the icon will export the current time value, notes, displayed lines and action history (settings will not be exported)
• Clicking on the icon while holding the "ALT" key on the keyboard lets you select a previously exported file for import. Note that all existing data will be overwritten

The following section contains explanations and details on the settings you can configure. The settings can be accessed by clicking on the gear at the top right corner.

• High number of displayed characters may slow down the page performance due to the current greedy way of counting characters etc.
• The horizontal reading mode performs overall better than the vertical one
• Line breaks added manually during editing a line are sometimes removed
• The page was build with desktop usage in mind - following guides (e. g. like this one) to access the page via tablet or mobile devices may have a limited user experience or functionality

• Anacreon Texthooker
• MarvNC texthooker-websocket User Script