80 lines
2.8 KiB
Markdown
80 lines
2.8 KiB
Markdown
# Reels Master
|
|
|
|
Chrome расширение для улучшенного просмотра Instagram Reels с управлением громкостью и загрузкой видео.
|
|
|
|
## Возможности
|
|
|
|
- 🔊 **Управление громкостью** - Вертикальный слайдер для точной настройки громкости видео
|
|
- 📥 **Загрузка роликов** - Скачивайте рилсы одним кликом
|
|
- 🎯 **Удобное расположение** - Кнопки расположены рядом с лайками и комментариями
|
|
|
|
## Установка
|
|
|
|
### Разработка
|
|
|
|
1. Установите зависимости:
|
|
```bash
|
|
pnpm install
|
|
```
|
|
|
|
2. Соберите расширение:
|
|
```bash
|
|
pnpm run build
|
|
```
|
|
|
|
3. Загрузите расширение в Chrome:
|
|
- Откройте `chrome://extensions/`
|
|
- Включите "Режим разработчика" (Developer mode)
|
|
- Нажмите "Загрузить распакованное расширение" (Load unpacked)
|
|
- Выберите папку `dist`
|
|
|
|
### Режим разработки с автоперезагрузкой
|
|
|
|
```bash
|
|
pnpm run dev
|
|
```
|
|
|
|
## Использование
|
|
|
|
1. Откройте Instagram и перейдите к любому рилсу
|
|
2. Справа от видео, рядом с кнопками лайка и комментариев, появятся новые элементы управления:
|
|
- **Кнопка громкости** - Нажмите для включения/выключения звука
|
|
- **Слайдер громкости** - Перетащите для регулировки уровня громкости (0-100%)
|
|
- **Кнопка загрузки** - Нажмите для скачивания текущего рилса
|
|
|
|
## Технологии
|
|
|
|
- TypeScript
|
|
- Vite
|
|
- Chrome Extension Manifest V3
|
|
- WebExtensions Polyfill
|
|
|
|
## Структура проекта
|
|
|
|
```
|
|
reels-master/
|
|
├── src/
|
|
│ ├── manifest.json # Манифест расширения
|
|
│ ├── content/
|
|
│ │ ├── content.ts # Основной скрипт для Instagram
|
|
│ │ └── content.css # Стили для элементов управления
|
|
│ ├── background/
|
|
│ │ └── service-worker.ts # Фоновый service worker
|
|
│ ├── popup/
|
|
│ │ ├── popup.html
|
|
│ │ ├── popup.tsx
|
|
│ │ └── popup.css
|
|
│ └── options/
|
|
│ ├── options.html
|
|
│ └── options.tsx
|
|
├── public/
|
|
│ └── icons/ # Иконки расширения
|
|
├── package.json
|
|
├── tsconfig.json
|
|
└── vite.config.ts
|
|
```
|
|
|
|
## Лицензия
|
|
|
|
ISC
|