Как реализовать интерактивное видео?

#1 4 декабря 2014 в 15:51
День добрый.

puzzle-english.com/movies/thm/thm0101

Как такое можно сделать (обратите внимание на кликабельные субтитры и прочие возможности)? Хотя бы примерное направление реализации)
#2 4 декабря 2014 в 16:06
Я думаю что нужно записывать видео и накладывать субтитры сторонними приложениями. А на стороне сервере уже обрабатывать взаимодействие пользователя с видео при помощи JS.
Но при помощи каких сервисов можно создать кликабельные субтитры?
#3 4 декабря 2014 в 16:23
Если глянуть на исходный код, то вроде это статика.Т.е. заранее всё разбито по субтитрам, переведено и затем выводится в плеере. Это учебный материал по английскому, т.е. штучный продукт.
#4 4 декабря 2014 в 16:23

Хотя бы примерное направление реализации

Rossoman
хотя бы примерно
#5 4 декабря 2014 в 16:31
Принцип следующий… создается некий файл типа:
  1. 1
  2. 00:00:14,958 --> 00:00:17,833
  3. Слева мы видим...
  4.  
  5. 2
  6. 00:00:18,458 --> 00:00:20,208
  7. справа мы видим...
  8.  
  9. 3
  10. 00:00:20,333 --> 00:00:21,875
  11. ...голово-клацов.
  12.  
  13. 4
  14. 00:00:22,000 --> 00:00:24,583
  15. всё в порядке.
  16. в полном порядке.
и выводится в плеер.
для каждого языка подобный файл.
долго, муторно и утомительно…
#6 4 декабря 2014 в 16:36
Soul, спасибо за наводку.

долго, муторно и утомительно....

Soul
Можно попробовать автоматизировать этот процесс из админки.
Единственное только нужно чтобы в субтитрах каждое слово было кликабельным. Как вариант оборачивать каждое слово в тег в скрипте...
Фактически нужна копия того, что приведено в примере в первом посте
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.