https://github.com/c-rainbow/twitch-audio-web

Chrome extension to enable Twitch radio mode in web
https://github.com/c-rainbow/twitch-audio-web

Last synced: 8 days ago
JSON representation

Chrome extension to enable Twitch radio mode in web

• Host: GitHub
• URL: https://github.com/c-rainbow/twitch-audio-web
• Owner: c-rainbow
• License: mit
• Created: 2020-05-19T12:53:56.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-07T20:25:51.000Z (over 1 year ago)
• Last Synced: 2024-11-08T13:38:54.528Z (6 months ago)
• Language: TypeScript
• Homepage:
• Size: 9.38 MB
• Stars: 25
• Watchers: 2
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• starred - c-rainbow/twitch-audio-web - Chrome extension to enable Twitch radio mode in web (TypeScript)

README

        
# Twitch Radio Mode Chrome Extension

This extension for Google Chrome browser lets users play the stream in radio mode.

Korean version of README can be found [here](https://github.com/c-rainbow/twitch-audio-web/blob/master/readme/README.ko.md).

한국어 설명서는 [여기](https://github.com/c-rainbow/twitch-audio-web/blob/master/readme/README.ko.md)로

## Use

After installing the extension, go to a Twitch channel webpage. You will see a radio icon next to the volume slider in the video player area.

![Radio mode button](https://raw.githubusercontent.com/c-rainbow/twitch-audio-web/master/public/images/radiobutton.png)

Clicking the icon will start playing the audio_only stream, and the icon becomes yellow.

![Radio mode on](https://raw.githubusercontent.com/c-rainbow/twitch-audio-web/master/public/images/radiomode.png)

The volume can be adjusted in the same way as the video, using the same volume slider.

If you want to pause, just click the radio icon one more time. The audio will automatically stop if the video is played.

## Install

The extension can be installed in [Chrome Web Store](https://chrome.google.com/webstore/detail/twitch-radio-mode/dbojkfdnamfipdnlknbpjphemjnldeoo)

If you want to download the source code yourself, please follow the steps below, or follow the official installation instruction which can be found [here](https://developer.chrome.com/extensions/getstarted).

1. Download or clone the code, and unzip the file

2. In Google Chrome, go to chrome://extensions

3. On the top right, enable "Developer Mode"

4. Click "Load Unpacked", locate the unzipped directory.

The code comes with pre-built Javascript code which can be readily used as an extension.

## Develop

The extension is created with TypeScript and uses Webpack to build the code.

Please install webpack and other dependencies for the project.

```

> yarn

```

After you build the project, two files (dist/background.js, dist/conentscript.js) will be updated with the current TypeScript code.

```

> yarn build

```

Load the extension in Chrome browser as instructed in _Install_ section.