Skip to content

Instantly share code, notes, and snippets.

@ivan-hilckov
Last active May 5, 2026 07:22
Show Gist options
  • Select an option

  • Save ivan-hilckov/f1eed175d2995228176f0dadba0ab14e to your computer and use it in GitHub Desktop.

Select an option

Save ivan-hilckov/f1eed175d2995228176f0dadba0ab14e to your computer and use it in GitHub Desktop.

Видео для инструкций «Установка и настройка»

Список роликов, которые нужно подготовить моушен-дизайнеру. Для каждой строки нужны два файла с одинаковым базовым именем:

  • <base>.mp4 — видео (H.264, бесшовный лооп 4–10 с, без звука и субтитров)
  • <base>.png — постер (ключевой кадр, для фолбэка и prefers-reduced-motion)

В колонке «Путь к файлу» указан путь без расширения. Всего 27 роликов.

iPhone — Happ

# Шаг Описание Путь к файлу
1 Шаг 1 — установка Открытие App Store, поиск «Happ», установка приложения src/assets/images/setup/iphone/step-1
2 Шаг 2 — добавление подписки (deeplink) Переход в Happ по кнопке «Добавить подписку», диалог подтверждения, подписка появилась в списке src/assets/images/setup/iphone/step-2
3 Шаг 2 — добавление вручную Копирование ключа подписки и ручная вставка в Happ src/assets/images/setup/iphone/step-2-manual
4 Готово Выбор сервера, нажатие круглой кнопки → VPN включён → повторное нажатие → выключен src/assets/images/setup/iphone/step-3

Android — Happ

# Шаг Описание Путь к файлу
1 Шаг 2 — вставка ключа Открытый Happ на Android, вставка ключа подписки из буфера, подписка добавилась src/assets/images/setup/android/step-paste

Windows — Happ

# Шаг Описание Путь к файлу
1 Шаг 2 — скачивание Браузер на странице Happ в GitHub Releases, скачивание .exe src/assets/images/setup/windows/happ/step-download
2 Шаг 3 — вставка ключа Окно Happ, нажатие «Из буфера», подписка появилась src/assets/images/setup/windows/happ/step-paste
3 Готово Выбор сервера, нажатие круглой кнопки ВКЛ → ВЫКЛ src/assets/images/setup/windows/happ/step-done

Windows — NekoRay

# Шаг Описание Путь к файлу
1 Шаг 3 — добавление подписки «Сервер» → «Добавить профиль из буфера обмена» → диалог «Как подписку (создать новую группу)» → группа vlv.one появилась src/assets/images/setup/windows/nekoray/step-paste
2 Шаг 4 — Режим TUN Переход на вкладку vlv.one, установка галочки «Режим TUN», диалог перезапуска src/assets/images/setup/windows/nekoray/step-tun

Windows — v2RayTun

# Шаг Описание Путь к файлу
1 Шаг 3 — запуск от админа ПКМ по v2RayTun.exe → Свойства → Совместимость → «Запускать от имени администратора» → ОК src/assets/images/setup/windows/v2raytun/step-admin
2 Шаг 4 — добавление подписки «+» в правом верхнем углу → «Добавить из буфера обмена» → подписка добавилась src/assets/images/setup/windows/v2raytun/step-paste
3 Шаг 5 — подключение Выбор конфигурации в списке → нажатие круглой кнопки «Подключить» → состояние «подключено» src/assets/images/setup/windows/v2raytun/step-connect
4 Готово Активное подключение; опционально — переключение «Режим: Туннель» в настройках трафика src/assets/images/setup/windows/v2raytun/step-done

macOS — Happ (Apple Silicon)

# Шаг Описание Путь к файлу
1 Шаг 3 — вставка ключа Открытый Happ на macOS, вставка ключа из буфера, подписка добавилась src/assets/images/setup/macos/happ/step-paste
2 Готово Выбор сервера, ВКЛ/ВЫКЛ круглой кнопки src/assets/images/setup/macos/happ/step-done

macOS — V2Box (Intel)

# Шаг Описание Путь к файлу
1 Шаг 3 — добавление подписки Открытый V2Box, добавление подписки (импорт из буфера), подписка появилась src/assets/images/setup/macos/v2box/step-paste
2 Готово Выбор сервера, ВКЛ/ВЫКЛ круглой кнопки src/assets/images/setup/macos/v2box/step-done

Linux — NekoRay

# Шаг Описание Путь к файлу
1 Шаг 3 — добавление подписки NekoRay (Linux): «Сервер» → «Добавить профиль из буфера обмена» → «Как подписку (создать новую группу)» src/assets/images/setup/linux/step-paste
2 Шаг 4 — Режим TUN Вкладка vlv.one, галочка «Режим TUN», диалог перезапуска src/assets/images/setup/linux/step-tun
3 Шаг 5 — подключение ПКМ по конфигурации → «Запустить» → состояние «подключено» src/assets/images/setup/linux/step-connect
4 Готово Активное подключение; ПКМ → «Остановить» для отключения src/assets/images/setup/linux/step-done

Android TV — Happ

# Шаг Описание Путь к файлу
1 Шаг 3 — QR-импорт Экран Android TV с QR-кодом → телефон с Happ сканирует код → на TV прилетает подписка src/assets/images/setup/androidtv/step-qr
2 Шаг 4 — Web Import Экран tv.happ.su в браузере: ввод UID и Data, нажатие «Send data», на TV появляются подписки/серверы src/assets/images/setup/androidtv/step-web-import

Apple TV — Happ

# Шаг Описание Путь к файлу
1 Шаг 4 — QR-импорт Apple TV показывает QR → телефон с Happ сканирует → на TV приходят серверы src/assets/images/setup/appletv/happ/step-qr
2 Шаг 5 — Web Import tv.happ.su в браузере, ввод UID/Data, отправка → данные на Apple TV src/assets/images/setup/appletv/happ/step-web-import

Apple TV — Shadowrocket

# Шаг Описание Путь к файлу
1 Шаг 3 — добавление подписки Shadowrocket на Apple TV: «+» → Type: Subscribe → вставка ключа в URL (пультом / приложением «Пульт» / Shadowrocket на iPhone) → подписка добавлена src/assets/images/setup/appletv/shadowrocket/step-paste

Технические требования

  • Контейнер/кодек: .mp4, H.264 (baseline-совместимый профиль для iOS).
  • Постер: .png (или .webp), ключевой кадр, имя совпадает с видео.
  • Соотношение сторон: исходное соотношение экрана устройства (телефон — портрет, ПК/TV — ландшафт).
  • Разрешение: 2× от плотности отображения (~720p для портрета, ~1080p для ландшафта).
  • Длительность: 4–10 с, лооп бесшовный (последний кадр ≈ первый).
  • Без озвучки и без субтитров — текст инструкции выводится рядом с видео.
  • Тема: только светлая (продукт сейчас в светлой теме).
  • Контент в кадре: реальный UI устройств, без персональных данных (тестовый аккаунт, тестовая подписка).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment