DZ.md

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

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

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

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

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

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

Файлы:

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

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

• https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/Introduction/Introduction.html
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio
• https://ffmpeg.org/
• http://plutov.by/post/html5_ffmpeg
• http://www.johndcook.com/blog/2009/08/24/algorithms-convert-color-grayscale/

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

• Alice in Wonderland (1915)
• The Phantom of the Opera (1925)
• The Champion - 1915

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

• Работы присылать на [email protected]
• Желательно ссылками на сверстанную страницу (например, разместить на бесплатном GitHub Pages с помощью gh-pages)
• Тема: "ДЗ по Multimediа (фамилия и имя)"
• Срок — до 21 июля, 12:00