Skip to content

Instantly share code, notes, and snippets.

@maxatwork
Created July 16, 2016 12:19
Show Gist options
  • Save maxatwork/bf58ce16ebdcc56e8aa7634c197aea21 to your computer and use it in GitHub Desktop.
Save maxatwork/bf58ce16ebdcc56e8aa7634c197aea21 to your computer and use it in GitHub Desktop.

Домашнее задание к лекции "Мультимедиа возможности браузера"

Видеоплеер в духе немого кино — «Киноглушитель».

Основные техники, которые должны быть реализованы:

  • Постобработка видео (реализованная с помощью canvas):
    • Показ ч/б видео
    • Эффект царапин на плёнке
  • Сопровождение ролика музыкой тапёра
  • Показ субтитров в духе немого кино: после конца реплики надо приостанавливать воспроизведение видео, отображать субтитры на черном фоне в течение длины реплики, после продолжать воспроизведение видео

Также приветствуется реализация дополнительных техник на более высокую оценку:

  • Оптимизация постобработки видео: размер canvas'а, шейдеры, оптимизированная математика
  • Эффект старой записи для звука
  • Эффект зернистости плёнки

Файлы:

  • видеофайл трейлера (но можно и любой другой)
  • текстовый файл субтитров
  • аудиофайл с музыкой тапёра: Maple Leaf Rag, The Entertainer (ну или возьмите свой любимый регтайм :-)
  • в качестве шрифта можно использовать Oranienbaum

Ссылки для изучения

Ссылки для вдохновения

Куда и когда присылать

  • Работы присылать на maxatwork@yandex-team.ru
  • Желательно ссылками на сверстанную страницу (например, разместить на бесплатном GitHub Pages с помощью gh-pages)
  • Тема: "ДЗ по Multimediа (фамилия и имя)"
  • Срок — до 21 июля, 12:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment