Skip to content

Latest commit

 

History

History
37 lines (24 loc) · 1.81 KB

README.md

File metadata and controls

37 lines (24 loc) · 1.81 KB

shri-video

Задание 3

Во время разработки программы планировалось, что она будет выводить на экран изображение с камеры, обработанное фильтром. Однако было допущено несколько ошибок, и теперь программа работает очень медленно. Нужно найти и исправить эти ошибки, чтобы приложение работало плавно. Код можно переписывать как угодно.

Превью

Версия с фильтрами | Plunker

  • fps меньше
  • значительно меньше потребление памяти

Версия с canvas | Plunker

  • fps больше ~ в 2-2.5 раза
  • затраты по памяти возрастают ~ в 50 раз

Примечание 1: так как Pluner использует незащищенный протокол передачи данных (http) превью не сможет получить доступ к камере в Google Chrome, но полнофункционально в Mozilla Firefox.

Примечание 2: версия с фильтрами, для "invert" и "grayscale" реализует показ элемента <video> с соответственно наложенными CSS фильтрами. Версия с canvas обрабатывает все фильтры на <canvas>, покадрово.

Скриншоты

Запуск

npm i
npm start

Лицензия MIT