Всплывающая подсказка с живым видео демонстрирует HTML5 video, и холст (canvas), и Ext

IT Standards
Original author: Dion Almaer
[всплывающая подсказка с живым видео]
Дэвид Дэвис из Ext не просто клёво зовётся, но и делает клёвые штуки :) Последняя его блогозапись демонстрирует и объясняет слияние HTML5-элемента <video> с поддержкою холста (<canvas>) по мере того, как он создаёт всплывающую подсказку с живым видео.

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:
win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);
Весьма мило устроено.
Tags:David DavisExtJSExt JSvideoHTML5HTML 5canvasвсплывающие подсказкирабочий стол
Hubs: IT Standards
+23
5.2k 18
Comments 21

Popular right now

Product Manager IT-проектов
January 28, 202160,000 ₽OTUS
Основы HTML и CSS
February 1, 2021FreeНетология
IT-Recruiter
May 7, 202140,000 ₽OTUS
Тренажер product-менеджера
January 28, 202128,500 ₽SkillFactory