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

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

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

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:

win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);

Весьма мило устроено.

+23

16 января 2010, 12:03

Dion Almaer

Mithgol

комментарии (21)

bediary 16 января 2010, 12:19 #

а демо есть чтоб самим такую штуку попробовать?

Mithgol 16 января 2010, 12:28 # ↑

Перейти из блогозаписи по второй гиперссылке (на рабочий web-стол), затем Start → Video Window.

SKYnv 16 января 2010, 12:27 #

таскбар в опере не пашет и перетаскивание. Нет кросс-платформенности…
видмо из-за этих двух ошибок…

Javascript

Uncaught exception: TypeError: Cannot convert 'rE.compile('^'+sE[1]+'$')' to object
Error thrown at line 241, column 4 in <anonymous function: assign>(data):
if( sE[1] && rE.compile('^'+sE[1]+'$').test(sE[2]?location:location.hostname) )
called from line 455, column 20 in <anonymous function: init>():
searchData.assign();
called from line 31, column 0 in program code:
(opera.USH = new function() {

Javascript

Uncaught exception: TypeError: Cannot convert 'rxp.compile('^'+i.replace(rx2,'\\$1').replace(rxp3,'.$1')+'$','i')' to object
Error thrown at line 116, column 5 in (paths):
if(rxp.compile('^'+i.replace(rx2,'\\$1').replace(rxp3,'.$1')+'$','i').test(url))
called from unknown location in program code:
/* no source available */

НЛО прилетело и опубликовало эту надпись здесь

hardex 16 января 2010, 13:04 #

WebOS приближаются…

xgraph 16 января 2010, 13:09 # ↑

Грядет.

bungu 16 января 2010, 13:14 # ↑

Goolge OS это уже первый шаг в этом направлении

hardex 16 января 2010, 13:16 # ↑

Google OS, к сожалению, пока больше похож на ползание, чем на шаг

gm2k 16 января 2010, 22:15 # ↑

У них уже есть google mail, google docs, google video. Не говоря уж о календаре и книге адресной. Для работы только google lines не хватает.

pgg 16 января 2010, 13:19 #

Красиво, но у меня (как наверное и у многих) — тормозит.

SevenJay 16 января 2010, 17:26 # ↑

У меня (Mozilla Firefox, Windows 7) всё идет отлично — при воспроизведении видео можно изменять размеры окна, в котором оно воспроизводится, смотреть видео на панели сайта.

Antigluk 16 января 2010, 18:57 # ↑

У меня тоже не тормозит, Firefox 3.5, Ubuntu 9.10.

alexol 16 января 2010, 19:21 # ↑

Из 3-х практики работы с ExtJS влияет не только то, чем просматриваем, но и проц. ExtJS суперский фреймворк, но требовательный к ресурсам.

alexol 16 января 2010, 19:31 # ↑

*Из 3-х лет…

НЛО прилетело и опубликовало эту надпись здесь

Darkened 16 января 2010, 13:23 #

ExtJS вообще ИМХО собрал крутейших JS разработчиков. Еще бы John Resig им =)

WheelReinventor 16 января 2010, 13:30 #

Классно. Единственное, чего не хватает — перехвата right-click. Сам очень часто райткликаю в обычной операционке, тут он бы очень пригодился

sdvn 16 января 2010, 14:41 # ↑

Right-Click перехватывается. Но я увидел это только на их Taskbar-е.

НЛО прилетело и опубликовало эту надпись здесь

spaceblock 16 января 2010, 16:29 # ↑

Mithgol есть Mithgol… ))

voidus 16 января 2010, 19:45 #

Ребята, ну мы тут все IT-спецы. Коль уж кроме Мицгола некому постить такие новости, ну давайте сделаем скрипт для Гризманки для перевода с мицгол-наречия на русский?

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Веб-стандарты