Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
141868fed8 | ||
|
|
7bcde9f6d7 |
@@ -1,59 +1,75 @@
|
|||||||
# Reels Master
|
# Reels Master
|
||||||
|
|
||||||
Chrome расширение для улучшенного просмотра Instagram Reels с управлением громкостью и загрузкой видео.
|
A browser extension for enhanced Instagram Reels experience with volume control, video downloading, and seeking.
|
||||||
|
|
||||||
## Возможности
|
## Features
|
||||||
|
|
||||||
- **Управление громкостью** - Вертикальный слайдер для точной настройки громкости видео
|
- **Volume control** — Vertical slider for precise video volume adjustment
|
||||||
- **Загрузка роликов** - Скачивайте рилсы одним кликом
|
- **Download reels** — Save reels to your device with a single click
|
||||||
- **Перемотка видео** - Используйте слайдер для перемотки рилса, если пропустили интересный момент, больше не придется пересматривать всё видео!
|
- **Video seeking** — Scrub through a reel with a progress bar — no need to rewatch from the beginning if you missed something
|
||||||
|
|
||||||
## Установка
|
## Installation
|
||||||
|
|
||||||
### Использование готового расширения
|
### Chrome
|
||||||
|
|
||||||
1. Скачайте последнюю версию расширения из [релизов на GitHub](https://github.com/ShiftyX1/reels-master/releases)
|
1. Download the latest `reels-master-chrome.zip` from [GitHub Releases](https://github.com/ShiftyX1/reels-master/releases)
|
||||||
2. Распакуйте архив в удобное место на вашем компьютере
|
2. Unzip the archive
|
||||||
3. Откройте Chrome и перейдите на страницу расширений: `chrome://extensions/`
|
3. Open Chrome and go to `chrome://extensions/`
|
||||||
4. Включите "Режим разработчика" (Developer mode) в правом верхнем углу
|
4. Enable **Developer mode** in the top-right corner
|
||||||
5. Нажмите "Загрузить распакованное расширение" (Load unpacked)
|
5. Click **Load unpacked** and select the unzipped folder
|
||||||
6. Выберите папку `Reels Master` из распакованного архива
|
|
||||||
|
|
||||||
### Разработка
|
### Firefox
|
||||||
|
|
||||||
|
1. Download the latest `reels-master-firefox.zip` from [GitHub Releases](https://github.com/ShiftyX1/reels-master/releases)
|
||||||
|
2. Open Firefox and go to `about:addons`
|
||||||
|
3. Click the gear icon → **Install Add-on From File...**
|
||||||
|
4. Select the downloaded `.zip` file
|
||||||
|
|
||||||
> [!NOTE]
|
> [!NOTE]
|
||||||
> В будущем будет выложено в Chrome Web Store. Пока что установка только вручную.
|
> The extension will be published to the Chrome Web Store and Firefox Add-ons (AMO) in the future. Manual installation only for now.
|
||||||
|
|
||||||
1. Установите зависимости:
|
## Development
|
||||||
|
|
||||||
|
1. Install dependencies:
|
||||||
```bash
|
```bash
|
||||||
pnpm install
|
pnpm install
|
||||||
```
|
```
|
||||||
|
|
||||||
2. Соберите расширение:
|
2. Build the extension:
|
||||||
```bash
|
```bash
|
||||||
pnpm run build
|
# Both browsers
|
||||||
|
pnpm build
|
||||||
|
|
||||||
|
# Chrome only
|
||||||
|
pnpm build:chrome
|
||||||
|
|
||||||
|
# Firefox only
|
||||||
|
pnpm build:firefox
|
||||||
```
|
```
|
||||||
|
|
||||||
3. Загрузите расширение в Chrome:
|
3. Load in browser:
|
||||||
- Откройте `chrome://extensions/`
|
- **Chrome:** open `chrome://extensions/`, enable Developer mode, click **Load unpacked**, select the `dist/` folder
|
||||||
- Включите "Режим разработчика" (Developer mode)
|
- **Firefox:** open `about:debugging#/runtime/this-firefox`, click **Load Temporary Add-on**, select any file inside `dist/`
|
||||||
- Нажмите "Загрузить распакованное расширение" (Load unpacked)
|
|
||||||
- Выберите папку `dist`
|
|
||||||
|
|
||||||
### Режим разработки с hot-reload
|
### Watch mode
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm run dev
|
# Chrome
|
||||||
|
pnpm dev
|
||||||
|
|
||||||
|
# Firefox
|
||||||
|
pnpm dev:firefox
|
||||||
```
|
```
|
||||||
|
|
||||||
## Использование
|
## Usage
|
||||||
|
|
||||||
1. Откройте Instagram и перейдите к любому рилсу
|
1. Open Instagram and navigate to any reel
|
||||||
2. Справа от видео, рядом с кнопками лайка и комментариев, появятся новые элементы управления:
|
2. New controls will appear next to the like and comment buttons:
|
||||||
- **Кнопка громкости** - Нажмите для включения/выключения звука
|
- **Mute button** — toggle audio on/off
|
||||||
- **Слайдер громкости** - Перетащите для регулировки уровня громкости (0-100%)
|
- **Volume slider** — drag to adjust volume (0–100%)
|
||||||
- **Кнопка загрузки** - Нажмите для скачивания текущего рилса
|
- **Download button** — click to save the current reel
|
||||||
|
3. A **progress bar** with current time and duration is shown in the video overlay for seeking
|
||||||
|
|
||||||
## Лицензия
|
## License
|
||||||
|
|
||||||
ISC
|
MIT
|
||||||
|
|||||||
+2
-2
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "reels-master",
|
"name": "reels-master",
|
||||||
"version": "1.2.1",
|
"version": "1.2.2",
|
||||||
"description": "Chrome extension for Instagram Reels with volume control and download functionality",
|
"description": "Chrome extension for Instagram Reels with volume control and download functionality",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
},
|
},
|
||||||
"keywords": [],
|
"keywords": [],
|
||||||
"author": "",
|
"author": "",
|
||||||
"license": "ISC",
|
"license": "MIT",
|
||||||
"packageManager": "pnpm@10.15.0",
|
"packageManager": "pnpm@10.15.0",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/adm-zip": "^0.5.7",
|
"@types/adm-zip": "^0.5.7",
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"manifest_version": 3,
|
"manifest_version": 3,
|
||||||
"name": "Reels Master",
|
"name": "Reels Master",
|
||||||
"version": "1.1.2",
|
"version": "1.2.2",
|
||||||
"description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
|
"description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
|
||||||
"background": {
|
"background": {
|
||||||
"service_worker": "background/background.js"
|
"service_worker": "background/background.js"
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"manifest_version": 3,
|
"manifest_version": 3,
|
||||||
"name": "Reels Master",
|
"name": "Reels Master",
|
||||||
"version": "1.1.2",
|
"version": "1.2.2",
|
||||||
"description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
|
"description": "Enhance your Instagram experience with Reels Master - download reels, seek through videos, and more!",
|
||||||
"background": {
|
"background": {
|
||||||
"scripts": ["background/background.js"]
|
"scripts": ["background/background.js"]
|
||||||
@@ -21,7 +21,10 @@
|
|||||||
"browser_specific_settings": {
|
"browser_specific_settings": {
|
||||||
"gecko": {
|
"gecko": {
|
||||||
"id": "reels-master@shiftyspace.ru",
|
"id": "reels-master@shiftyspace.ru",
|
||||||
"strict_min_version": "121.0"
|
"strict_min_version": "140.0",
|
||||||
|
"data_collection_permissions": {
|
||||||
|
"required": ["none"]
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user