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

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

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:
win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);
Весьма мило устроено.

Similar posts

AdBlock has stolen the banner, but banners are not teeth — they will be back

More
Ads

Comments 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 */
      • UFO just landed and posted this here
        +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-х лет…
                • UFO just landed and posted this here
                    +1
                    ExtJS вообще ИМХО собрал крутейших JS разработчиков. Еще бы John Resig им =)
                      0
                      Классно. Единственное, чего не хватает — перехвата right-click. Сам очень часто райткликаю в обычной операционке, тут он бы очень пригодился
                        0
                        Right-Click перехватывается. Но я увидел это только на их Taskbar-е.
                      • UFO just landed and posted this here
                          0
                          Mithgol есть Mithgol… ))
                          +2
                          Ребята, ну мы тут все IT-спецы. Коль уж кроме Мицгола некому постить такие новости, ну давайте сделаем скрипт для Гризманки для перевода с мицгол-наречия на русский?

                          Only users with full accounts can post comments. Log in, please.