🎬 3-канальный плеер

Зазор загрузка пула…

☁️ Облако исходников

🎞 Отпустите файлы, чтобы добавить их в облако mp4 / webm / ogv — появятся в облаке (на время сессии)

Как работать:

Чип из облака → перетащить в плейлист трека — ролик добавится в это место. Один и тот же ролик можно добавлять много раз и в разные треки.
Клик по чипу в облаке — выбрать ролик: все его размещения в треках подсветятся жёлтым, в облаке будет видно счётчик «×N» и кнопки +A +B +C для быстрого добавления в конец трека.
Строка плейлиста — перетащить, чтобы переставить; можно переносить между треками. ↑/↓/✕ — то же мышью.
Файлы из проводника — перетащить mp4 в окно или нажать «➕ Добавить свои видео» — попадут в облако (только на время сессии, в data/ не пишутся).
Предпросмотр — наведите курсор на чип в облаке: рядом появится мини-окно с немым повторяющимся видео. Через ~0.4 с, чтобы не дёргаться при быстром движении.
Плеер: «Старт всех» — один клик для разблокировки звука, дальше плейлисты крутятся сами. R — все треки на начало, Пробел — пауза/продолжение всех. «↺» у трека — перезапуск его одного.

Пул сканируется из data/ при запуске (нужен локальный сервер: python -m http.server). Плейлисты автосохраняются в localStorage и восстанавливаются при перезагрузке; «🗑 Сброс плейлистов» очищает сохранение. Видео, добавленные перетаскиванием из проводника, после перезагрузки не восстановятся (они существуют только на время сессии).

Ползунок «Зазор» меняет расстояние между треками: от 12px до 30% от ширины видео и пересчитывается под ширину окна; значение сохраняется. До 1100px треки встают в столбик с фиксированным зазором 12px.