Интерактивное видео с клавиатурным управлением
"Нажмите кнопку на клавиатуре, чтобы управлять видео"
dailymotion|com/video/xqvkaa_jet-lag-in-a-plane-with-jean-marie-dru-uk_creation
Сегодня предметом нашего обзора стал не сайт, а интерактивное видео, размещенное на Dailymotion. Представьте, что вы летите в самолете, а ваш сосед - писатель, только что выпустивший новую книгу. Вы разговорились и он решил показать вам своё творение. Примерно такая завязка у данного видео. А дальше начинается самое интересное.
Главы в книге Jet Lag французского писателя Jean-Marie Dru начинаются с букв латинского алфавита от A (Apple) до Z (Zimbabwe). Вы можете нажать на клавиатуре любую букву, а автор откроет соответствующую главу и вкратце расскажет, о чем она. Рассказ сопровождается красочной анимацией прямо на странице книги. Между делом на столик приносят то сок, то кофе, то оливки, поддерживая ощущение, что вы находитесь в самолете.
С технической точки зрения - это просто ролики, которые прокручиваются по нажатию клавиш (или произвольно в случае с напитками и оливками). Вся сложность - в синхронизации и анимации. Особо интересно, что весь интерактив происходит прямо на сайте Dailymotion (аналог YouTube) и ролики сменяются друг друга без каких-либо переходов на другую страницу. Скорее всего не обошлось без помощи Dailymotion. Отличная работа и хороший пример грамотного применения новейших веб-технологий.
Опубликовано в блоге Actual WEB.