Варианты:
- Открыть вручную
src/index.html
- Выполнить
npm install
(илиyarn
), а потомnpm start
.
- Видео с камеры и аудио с микрофона передаются в элемент
#video
.#video
выставленdisplay: none
. Видео из#video
перенаправляется в#canvas
. - Цветокоррекция выполнена в
#canvas
с использованием режима наложенияhigh-light
. - Помехи реализованы как
keyframes
-анимация полупрозрачного статического изображенияnoise.png
, расположенного поверх#canvas
. Анимация изменяет позицию изображения. Плюсы: простая реализация, высокая производительность. Минусы: детерминированность эффекта помех. - Визуализация аудио выполнена с использованием Web Audio API с отрисовкой в
#canvas
. - Анимированный интерфейс выполнен с использованием библиотеки
typed.js
. Из массива страниц с исходными кодами Apple DOS 3.1 случайным образом берётся элемент (страница) и последовательно выводится в DOM-элемент, расположенный поверх#canvas
. Просто и красиво. :)
- Один из проверяющих в первом задании ставил в минус отсутствие системы сборки, другой проверяющий в другом задании ставил минус за ее наличие. В этом задании систему сборки делать не стал, если вы считаете, что она нужна - скажите, я сделаю. :)
- С организацией кода особо заморачиваться не стал, так как задание, насколько я понимаю, не про это. :) Если это оценивается, опять же, можно потратить дополнительное время и сделать всё аккуратно: с ES2015, пасьянсом и мадмуазелями. :)