Кодинг
★ Рубрика: Кодинг
★ Тема: Видео, SVG

Находим границы на видео онлайн используя SVG-фильтры

В это примере продемонстрированы возможности фильтров svg-графики для выделения границ объектов по кадрам в реальном времени на видео-потоке. Смотрите ниже демо-пример. Выбрано очень динамичное видео с быстро меняющимися объектами. Видео онлайн транслируется с канала youtube.
Здесь же можно посмотреть оригинальный (не обработанный видео-ролик).
В завершение остается лишь привести коды фильтра с помощью которого получен эффект выделения контуров объектов на видео в реальном времени. Для начала подключаем стиль:
iframe.fx{
 filter: url("#edge");
 -webkit-filter: url("#edge");
}
А дальше нужен svg-код с фильтром:
Ну и, естественно, само подключение видео на страницу:
 Похожие публикации: Видео, SVG

Войдите, чтобы добавить Ваш ответ. [ Регистрация | Вход ]