TGViewer
Веб-страница Веб-страница @tproger_web · 22.4K subscribers
Post #6571 1.09K
Как хранить прогресс просмотра в веб-плеере без бэкенда

В разборе личного проекта HikariPlay Bhaumic Singh показывает, как сделал «Продолжить просмотр» для плеера на Svelte 5, SvelteKit и TypeScript. Позиция видео хранится в localStorage, поэтому аккаунт и запись данных на сервер не нужны.

Плеер сохраняет текущую секунду при паузе, скрытии вкладки и перед закрытием страницы. При следующем открытии он читает значение и перематывает видео к месту остановки. Индикатор продолжения появляется, только если прошло больше 5 секунд, но просмотрено меньше 95%: почти законченные титры не предлагают возобновлять.

Подход пригодится для локального медиаплеера или небольшого веб-приложения, где достаточно памяти одного браузера. Между устройствами прогресс не синхронизируется. Плеер помнит секунду остановки, хотя после перерыва зрителю может понадобиться другой фрагмент.
  • 😁 1
More from @tproger_web
  1. Oct 5, 2026Как читать падение доли сайтов с хорошим INP в CrUX В августе 2026 года доля сайтов с хоро…
  2. Oct 5, 2026В Streamux реализовали HTTP/2-сервер на Go по RFC 9113 Разработчик собрал сервер с обработ…
  3. Oct 5, 2026Как замечать проблемы доступности ещё на этапе макета Даже аккуратный интерфейс исключает…
  4. Oct 4, 2026Post #6572
  5. Oct 4, 2026Когда маркетплейсу хватает Vanilla JavaScript и PWA Школьный маркетплейс Aksara-Mart собра…
  6. Oct 4, 2026Как настроить GoatCounter и отсеять ботов от живых читателей Серверные логи показывали око…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →