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

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

В этом примере используется рабочий web-стол Ext JS, и созданный код поставляет специальную панель, способную доставлять видео, а затем попросту захватывается видеокадр, и размер его уменьшается до размеров всплывающей подсказки:
win.ctx.drawImage(win.videoEl, 0, 0, win.tip.width, win.tip.height);
Весьма мило устроено.
Метки:
Поделиться публикацией
Похожие публикации
Комментарии 21
  • +1
    а демо есть чтоб самим такую штуку попробовать?
  • 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 суперский фреймворк, но требовательный к ресурсам.
            • НЛО прилетело и опубликовало эту надпись здесь
              • +1
                ExtJS вообще ИМХО собрал крутейших JS разработчиков. Еще бы John Resig им =)
                • 0
                  Классно. Единственное, чего не хватает — перехвата right-click. Сам очень часто райткликаю в обычной операционке, тут он бы очень пригодился
                  • 0
                    Right-Click перехватывается. Но я увидел это только на их Taskbar-е.
                  • НЛО прилетело и опубликовало эту надпись здесь
                  • +2
                    Ребята, ну мы тут все IT-спецы. Коль уж кроме Мицгола некому постить такие новости, ну давайте сделаем скрипт для Гризманки для перевода с мицгол-наречия на русский?

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