I built a platform that syncs audio with reading – Here’s how

Я створив платформу, яка синхронізує аудіо з читанням – Ось як

Сьогодні я запускаю Immerziva, платформу, яка дозволяє авторам додавати синхронізоване аудіо до своїх історій.

Концепція

Уявіть, що читаєте історію і чуєте:

Звуки дощу під час сцен з бурею

Напружену музику, коли наближається небезпека

Кроки, коли персонаж іде

Все автоматично синхронізовано з вашим темпом читання.

Виклик синхронізації аудіо

Найскладнішою частиною було синхронізувати аудіо з швидкістю читання. Ось підхід:

Авторам потрібно розмістити “аудіо-ознаки” в певних місцях тексту

Ми відслідковуємо положення прокрутки читача та розраховуємо швидкість читання

Коли ознака потрапляє у видиму область, ми запускаємо таймер на основі оцінкового часу читання

Аудіо активується, коли читач повинен дістатися до цього моменту

// Спрощена концепція
const triggerAudio = (cue, readingSpeed) => {
const wordsUntilCue = countWords(currentPosition, cue.position);
const timeUntilCue = wordsUntilCue / readingSpeed * 60 * 1000;

setTimeout(() => {
playAudio(cue.audioId);
}, timeUntilCue);
};

Функції

Для читачів:

Занурюючий досвід читання

Працює на будь-якому пристрої (PWA)

Аналітика читання

Особиста бібліотека

Для авторів:

Безкоштовна публікація

Візуальний аудіоредактор

Статистика залучення в реальному часі

Спільнота читачів

Спробуйте

🔗 immerziva.com

Сьогодні ми поділилися експериментом на Product Hunt, щоб отримати ширше зворотне зв’язування. Якщо хтось хоче ознайомитися або залишити коментар, ось посилання: Product Hunt

Хотілося б отримати технічні відгуки, особливо щодо підходу до синхронізації аудіо!

HI-FI Новини

через DEV Community https://dev.to

January 2, 2026 at 01:44PM