Skip to content

Мощный браузерный редактор субтитров с поддержкой видео. Работает оффлайн, поддерживает SRT, ASS, VTT форматы. Импорт текста, коррекция, транслитерация и многое другое.

Notifications You must be signed in to change notification settings

sumer1hp/anime.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image 🌐 фото версии 0.5

🎬 Редактор субтитров PRO

Мощный, полностью браузерный редактор субтитров с поддержкой видео, продвинутым редактированием и экспортом в различные форматы. Работает оффлайн, не требует установки.

🌐 Онлайн: Открыть Редактор Субтитров

💝 Если вам нравится проект, вы можете поддержать его развитие: https://dalink.to/shogun_first


✨ Возможности

📹 Работа с видео

  • Загрузка видеофайлов (MP4, WebM, AVI и другие)
  • Встроенный видеоплеер с поддержкой субтитров в реальном времени
  • Синхронизация таблицы субтитров с видео
  • Управление скоростью воспроизведения
  • Система закладок для быстрой навигации

📝 Редактирование субтитров

  • Поддержка форматов: SRT, ASS, VTT, TXT
  • Визуальный редактор с табличным интерфейсом
  • Быстрое добавление/удаление субтитров
  • Установка времени прямо из видеоплеера
  • Автоматическая нумерация и сортировка по времени
  • Импорт текста с автоматическим распределением по времени

👥 Управление говорящими

  • Автоматическое определение говорящих в тексте
  • Система подсказок и автодополнения имен
  • Отдельная колонка для управления спикером

🎯 Инструменты редактирования

  • Поиск и замена с поддержкой регулярных выражений
  • Сдвиг временных меток для всей дорожки или фрагментов
  • Коррекция орфографии и пунктуации
  • Транслитерация русский ↔ английский
  • Форматирование текста: жирный, курсив, цвет, подчеркивание
  • История изменений с возможностью отмены/повтора

💾 Экспорт и сохранение

  • Экспорт в SRT и ASS форматы
  • Автосохранение в локальное хранилище браузера
  • Восстановление данных при повторном открытии

📊 Аналитика и статистика

  • Статистика проекта: количество субтитров, общая длительность
  • Среднее время показа, количество символов
  • Визуализация длительности каждого субтитра

🎨 Интерфейс

  • Адаптивный дизайн для компьютеров, планшетов и смартфонов
  • Темная и светлая темы + автоматическое определение системной темы
  • Многоязычный интерфейс (русский, английский, испанский)
  • Горячие клавиши для быстрой работы

🚀 Быстрый старт

Онлайн использование

Просто откройте GitHub Pages в браузере и начните работать!

Локальная установка

# Клонируйте репозиторий
git clone https://github.com/sumer1hp/anime.io.git

# Перейдите в директорию проекта
cd anime.io

# Запустите через локальный сервер (например, с помощью Live Server)
# Или просто откройте index.html в браузере
subtitle-editor/
│
├── index.html              # Главная страница
├── css/
│   ├── style.css          # Основные стили приложения
│   └── themes.css         # Стили для тем
├── js/
│   ├── editor.js          # Основная логика редактора
│   ├── subtitle-loader.js # Загрузка и парсинг субтитров
│   ├── player.js          # Управление видеоплеером
│   ├── export.js          # Экспорт в файлы
│   └── utilities.js       # Дополнительные утилиты
├── modules/
│   ├── speaker-manager.js # Управление говорящими
│   ├── time-tools.js      # Инструменты работы со временем
│   ├── text-formatting.js # Форматирование текста
│   ├── search-replace.js  # Поиск и замена
│   ├── spell-checker.js   # Проверка орфографии
│   ├── transliteration.js # Транслитерация
│   ├── theme-manager.js   # Управление темами
│   ├── video-controls.js  # Расширенные контролы видео
│   ├── history-manager.js # История изменений
│   └── language-manager.js # Многоязычный интерфейс
└── README.md              # Документация

📖 Как пользоваться

1. Загрузка контента

  • Нажмите "📹 Видеофайл" для загрузки видео (опционально)
  • Нажмите "📝 Субтитры" для загрузки файла субтитров

2. Базовое редактирование

  • Добавить субтитр: Кнопка "Добавить субтитр"
  • Установить время: Используйте кнопки ▶️ (начало) и ⏹️ (конец) рядом с временем
  • Перейти к времени: Кликните на номер субтитра для перехода
  • Вставить между: Кликните на серую полосу между субтитрами

3. Импорт текста

  • Нажмите "Импорт текста"
  • Введите текст (каждая строка - отдельный субтитр)
  • Установите начальное время и длительность
  • Нажмите "Импортировать"

4. Использование инструментов

  • Поиск/Замена: Для массового редактирования текста
  • Сдвиг времени: Для синхронизации субтитров с видео
  • Коррекция: Автоматическое исправление орфографии
  • Транслитерация: Перевод между кириллицей и латиницей

5. Экспорт

  • SRT: Стандартный формат субтитров
  • ASS: Расширенный формат с поддержкой стилей

🛠 Технологии

  • HTML5/CSS3 - Современная верстка с CSS Grid и Flexbox
  • Vanilla JavaScript - Чистый JS без зависимостей
  • Bootstrap 5 - UI компоненты и responsive design
  • Bootstrap Icons - Векторные иконки
  • HTML5 Video API - Работа с видео
  • File API - Чтение и сохранение файлов

🌟 Особенности

🏃‍♂️ Работает оффлайн

После первой загрузки приложение работает полностью оффлайн. Все данные хранятся в вашем браузере.

🔒 Конфиденциальность

Все файлы обрабатываются локально. Никакие данные не отправляются на сервер.

📱 Адаптивный дизайн

Оптимизирован для работы на компьютерах, планшетах и смартфонах.

⚡ Производительность

Быстрая работа даже с большими файлами субтитров благодаря эффективным алгоритмам.


🎯 Использование случаев

  • Создание субтитров для YouTube видео
  • Перевод фильмов и сериалов
  • Корректура существующих субтитров
  • Синхронизация текста с видео
  • Образовательные проекты
  • Создание субтитров для социальных сетей

🔧 Поддерживаемые форматы

Входные форматы

  • SRT (.srt) - Самый распространенный формат
  • ASS (.ass) - Расширенный формат с поддержкой стилей
  • VTT (.vtt) - WebVTT для веб-видео
  • TXT (.txt) - Простой текстовый формат

Выходные форматы

  • SRT - Совместим с большинством плееров
  • ASS - Для продвинутого форматирования

⌨️ Горячие клавиши

  • Пробел: Play/Pause видео
  • ← / →: Перемотка на ±5 секунд
  • B: Добавить закладку
  • Ctrl + Enter: Добавить субтитр
  • Ctrl + S: Экспорт в SRT
  • Ctrl + Shift + S: Экспорт в ASS
  • Delete: Удалить выделенный субтитр

💡 Советы по использованию

  • Используйте горячие клавиши для ускорения работы
  • Регулярно экспортируйте работу чтобы не потерять данные
  • Используйте импорт текста для быстрого создания субтитров из готового текста
  • Сортируйте по времени после внесения изменений в тайминг
  • Используйте закладки для отметки важных моментов в видео

💝 Поддержка проекта

Если вам нравится этот проект и вы хотите поддержать его развитие:

Поддержать разработку


Приятного редактирования субтитров! 🎬

About

Мощный браузерный редактор субтитров с поддержкой видео. Работает оффлайн, поддерживает SRT, ASS, VTT форматы. Импорт текста, коррекция, транслитерация и многое другое.

Topics

Resources

Stars

Watchers

Forks