вебмастер, фидошник
0,1
рейтинг
16 января 2010 в 12:03

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

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

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:
win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);
Весьма мило устроено.
Перевод: Dion Almaer
Mithgol the Webmaster @Mithgol
карма
61,5
рейтинг 0,1
вебмастер, фидошник
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

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

  • +1
    а демо есть чтоб самим такую штуку попробовать?
    • 0
      Перейти из блогозаписи по второй гиперссылке (на рабочий web-стол), затем Start → Video Window.
  • 0
    таскбар в опере не пашет и перетаскивание. Нет кросс-платформенности…
    видмо из-за этих двух ошибок…
    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 */
    • НЛО прилетело и опубликовало эту надпись здесь
  • +1
    WebOS приближаются…
    • 0
      Грядет.
    • 0
      Goolge OS это уже первый шаг в этом направлении
      • +2
        Google OS, к сожалению, пока больше похож на ползание, чем на шаг
        • 0
          У них уже есть google mail, google docs, google video. Не говоря уж о календаре и книге адресной. Для работы только google lines не хватает.
  • 0
    Красиво, но у меня (как наверное и у многих) — тормозит.
    • +1
      У меня (Mozilla Firefox, Windows 7) всё идет отлично — при воспроизведении видео можно изменять размеры окна, в котором оно воспроизводится, смотреть видео на панели сайта.
    • 0
      У меня тоже не тормозит, Firefox 3.5, Ubuntu 9.10.
    • 0
      Из 3-х практики работы с ExtJS влияет не только то, чем просматриваем, но и проц. ExtJS суперский фреймворк, но требовательный к ресурсам.
      • 0
        *Из 3-х лет…
  • НЛО прилетело и опубликовало эту надпись здесь
  • +1
    ExtJS вообще ИМХО собрал крутейших JS разработчиков. Еще бы John Resig им =)
  • 0
    Классно. Единственное, чего не хватает — перехвата right-click. Сам очень часто райткликаю в обычной операционке, тут он бы очень пригодился
    • 0
      Right-Click перехватывается. Но я увидел это только на их Taskbar-е.
  • НЛО прилетело и опубликовало эту надпись здесь
    • 0
      Mithgol есть Mithgol… ))
  • +2
    Ребята, ну мы тут все IT-спецы. Коль уж кроме Мицгола некому постить такие новости, ну давайте сделаем скрипт для Гризманки для перевода с мицгол-наречия на русский?

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