Новости:

  Статьи:

Пособие по видеопособиям

Рассказывая об интерфейсе или порядке работы с той или иной программой, очень трудно обойтись без снимков с экрана. На пальцах невозможно передать достоинства и недостатки интерфейса, тяжело указать на конкретную кнопку, которую необходимо нажать пользователю, чтобы выполнить конкретную операцию. Возможно, поэтому сегодня все более популярны видеопособия, рассказывающие и, главное, показывающие процесс выполнения конкретной задачи. Раннее для того чтобы создать такое видеопособие в Linux приходилось прибегать к виртуальным машинам, либо запускать приложения, написанные для Windows через Wine. Теперь ситуация изменилась, так как появились удобные инструменты, позволяющие создавать готовые презентационные ролики, рассказывающие о работе программ.

При написании статьи использовался дистрибутив Kubuntu, но все приложения с успехом работают и в других дистрибутивах.

Для начала посмотрим, что предлагает нам репозитарий Kubuntu:

Из списка выведенных проектов нас интересует только два:

Их и будем ставить:

Новые пакеты, которые будут установлены:

Необходимо скачать 2467 Кб архивов.

После распаковки объем занятого дискового пространства возрастет на 8131 Кб.

Как видите, apt в очередной раз избавил нас от поиска зависимостей. Теперь перейдем к более тесному знакомству.

Istanbul

Сайт: live.gnome.org/Istanbul

Очень удобный, и главное, простой в работе инструмент, использующий GTK-библиотеки. Результат работы сохраняется в видеофайл, кодированный свободным кодеком Ogg Theora. Как вариант можно передать созданный поток серверу Icecast для трансляции по Сети. Для запуска приложения вызываем консоль и даем команду:

После чего в панели задач появится кнопка. Нажимаем на ней правой кнопкой мышки и в появившемся меню выбираем Preferences. Появится окно настройки Istanbul ( рис. 1).

В поле Video указываем размеры и частоту кадров ( Frames per seconds) будущего видеофайла.

Для того чтобы результат сохранялся на жесткий диск, установите флажок в Save To Disk, а в Filename укажите каталог и имя файла с расширением .ogg. Поле Network Stream предназначено для направления потока на Icecast-сервер. Указываем параметры: имя сервера (hostname), порт, точку монтирования (Mountpoint) и пароль для доступа. Когда все параметры заполнены, нажимаем на Close, а для того чтобы начать запись, просто щелкаем мышкой по кнопке на панели задач.

В репозитарии находится версия  0.1.1 ( Transfer Window), на сайте уже доступна 0.2.1 — Freedom to record speech. При этом пакет, доступный на сайте, собран для Debian. И если вы хотите пользоваться этой версией в Kubuntu, придется пересобрать Istanbul из исходных текстов. Ничего сложного в этом нет: распаковываем, после чего следует стандартная последовательность: ./configure, make и make install. Только перед конфигурированием необходимо доустановить следующие пакеты:

Byzanz

Сайт: www.freedesktop.org/~company/byzanz/

В отличие от Istanbul, Byzanz сохраняет результат в GIF-файл, который по размеру на порядок меньше. Работает только из командной строки. Самый простой вариант использования открывается следующей командой:

В этом случае будет записано все, что происходит на рабочем столе. Опция -с указывает на то, чтобы фиксировался и курсор мышки. Ряд опций byzanz позволяет выделить конкретную часть экрана, с которой необходимо записать информацию:

Опции x и y задают начальную точку координат, а w (--width) и h (--height), соответственно — расстояние от нее в пикселях по ширине и высоте экрана.

По умолчанию запись начинается через секунду после ввода команды и останавливается через 10 секунд. Используя опции -d (--duration) и –delay, можно выставить любое время задержки и записи. Например, используя следующую команду, можно начать запись через 5 секунд, каковая продлится в течение 100 секунд.

На этом проекты, позволяющие записать происходящее на рабочем столе и при этом доступные в репозитарии Kubuntu, закончились, но обзор наш тем не менее продолжается, благо для Linux хватает подобных инструментов.

Например, утилита ffmpeg из одноименной коллекции (ffmpeg.mplayerhq.hu) не только умеет конвертировать практически в/из любого видео- или аудиоформата и захватывать видео из нескольких источников. При наложении специального патча пользователь получает возможность записывать события, происходящие на рабочем столе, в видеофайл. Доступный в репозитарии Kubuntu ffmpeg собран без этого патча, поэтому его необходимо пересобрать.

Скачиваем исходные тексты ffmpeg:

И патч к нему:

Распаковываем архив:

И накладываем патч:

Перед компиляцией нам потребуется еще несколько пакетов:

Конфигурируем (опция --enable-x11grab добавляет возможность захвата видео с экрана):

И дальше make и make install. Вот один из примеров захвата видео с экрана:

Опция -vd x11:0,0 говорит, что захватываем видео с Х–сервера, начальные координаты — (0,0), то есть левый верхний угол. Опция –s 1024x768 указывает на размер копии. Опции b, r и g — параметры кодирования видео: b отвечает за битрейт, r — количество кадров в секунду. Подставив в параметр вывод команды xwininfo –frame, вы можете захватить видео прямо из окна выбранной вами программы.

И наконец, Wink (www.debugmode.com/wink) — весьма удобная, мощная и простая в использовании программа, написанная с использованием wxWidgets. В отличие от других программ, Wink не распространяется с открытым исходным кодом, но свободна для персонального и бизнес-использования. С ее помощью можно делать снимки с экрана, добавлять к ним комментарии, подписи и кнопки для перехода между кадрами. На выходе получаем flash-файл, который затем можно проиграть в любом проигрывателе, понимающем этот формат (начиная с версии 3), или web-браузере (кстати, Wink умеет генерировать и HTML-код). Если нужна готовая презентация на персональном компьютере, то можно использовать скомпилированный ЕХЕ-файл, если требуется распечатка, то подойдут PDF либо PostScript. Разумеется, Flash-файл большее подходит для схематического представления действий пользователя, тогда как видео предпочтительнее для сложных, стремительно меняющихся изображений. Кроме снимка экрана, в качестве входной информации могут использоваться графические файлы различных форматов BMP/JPG/PNG/TIFF/GIF. Для удобства можно создать шаблон, который затем использовать многократно. В момент написания этих строк на сайте проекта была доступна версия 1.5 Wink для Linux Wink, для Windows 98/ME/2000/XP уже имелась более новая версия 2.0.

Установка сложностей не вызывает, требуется распаковать архив и запустить скрипт:

И запускаем:

При работе с Wink разрешение экрана желательно установить не менее 800600, а еще лучше 1024768 — тогда вам будет доступна большая область для редактирования. Для создания нового проекта выбираем File > New, после чего запустится мастер (Wizard). На первом шаге ( рис. 2), воспользовавшись выпадающим списком, выбираем область захвата.

Это может быть весь экран ( Screen), отдельное окно ( Window), либо часть экрана ( rectangle). Выбирая последний вариант, можно либо произвольно указать размеры в окне Region, либо воспользоваться одним из предустановленных значений. Для указания окна или произвольной области экрана воспользуемся кнопкой Choose. Нажимаем ее и мышью очерчиваем нужную область (либо выбираем окно приложения), после чего щелкаем левой кнопкой грызуна. В окне Region при этом должны появиться данные новой области, которые можно подкорректировать вручную. Чтобы убрать окно Wink, которое мешает при указании области, ставим галочку в Hide Wink Window. В окне Timed Capture Rate выставляем количество снимков экрана, которое будет производить Wink в секунду, минуту или час. После нажатия на ОК переходим ко второму окну мастера ( рис. 3).

После нажатия на Minimaze To Tray Wink спрячется в трей (если таковой присутствует в используемом оконном менеджере) и будет ждать команду на запуск процесса записи. По умолчанию нажатие на клавишу Pause приведет к захвату одиночного изображения, комбинация Shif+Pause запустит/остановит автоматический захват. После того как запись выполнена, вызываем двойным щелчком по значку мастер и нажимаем Finish. Появляется окно редактирования проекта ( рис. 4).

Редактирование проекта

Именно здесь проявляется вся глубина отличия Wink от проектов, о которых рассказывалось раннее. Визуально окно редактирования разбито на три части. Посередине отображается редактируемый кадр, внизу показаны уменьшенные изображения всех кадров проекта, справа — окно свойств ( Properties).

Команды редактирования можно вызвать из меню при помощи окна свойств, расположенного справа, или воспользовавшись горячими клавишами. Над кадрами можно производить любые действия: вырезать, копировать, удалять, вставлять из буфера обмена и т.п. Также при помощи меню Project можно обрезать ( Crop All Frames) либо изменить размер всех кадров проекта ( Resize All Frames).

Характерно, что Wink позволяет отредактировать не только положение курсора, но и изменить его форму. Делается это просто: включаем показ курсора, выбрав Сursor. Для выбора нового курсора нажимаем Ctrl+R, либо пиктограмму возле галочки. В появившемся окне выбираем вид курсора и нажимаем ОК. Если курсор появился не на своем месте, щелкаем по нему в окне текущего кадра и перетаскиваем его на место. После компиляции проекта время показа каждого кадра одинаково для всех. Поставив необходимую цифру в поле Stay in this frame for time, можно задержать показ кадра — в частности, для того чтобы пользователь смог доступиться к органам управления. Каждый кадр может иметь подпись. Для этого выбираем Frame Titles и при помощи мыши перетаскиваем область, куда будет помещена подпись, на нужное место. Здесь же выбираем шрифт и выравнивание, затем вводим поясняющий текст в каждом кадре. Если в каком-либо кадре подпись не нужна, то в окне необходимо ввести пробел, иначе после компиляции в этих кадрах будет видна надпись This frame's title will come here. Таким же образом можно добавить и текстовое поле. Активируем выбором Textbox, выбираем общий вид ( Choose Callout), шрифт и выравнивание. При включении текстового поля автоматически активируются кнопки Back и Next. С помощью мышки их можно перетащить в любое место экрана. При просмотре презентации кадры с кнопками будут тормозить воспроизведение, переводя его в режим ожидания действий со стороны пользователя. Эти кнопки можно активировать, установив галочку напротив нужного пункта в окне свойств.

При ознакомлении с нужным материалом для уточнения очень часто приходится обращаться к другим кадрам. В Wink можно выставить переход на два произвольных кадра с помощью кнопок Go. Для активации такой кнопки выбираем Goto Button 1(2), затем щелчок по пиктограмме рядом, после чего указываем на номер кадра, к которому должен быть произведен переход. При необходимости вместо кнопок можно использовать изображение. Для этого выбираем Project > Choose Goto Button Image 1(2) и указываем на файл с расширением .bmp, .jpeg, .png, .cur, .ani, .ico, .pcx и .pnm. В этом же пункте можно выбрать изображение для кнопок Back и Next, а также фоновое изображение для кадров проекта. Когда все кадры подготовлены, сохраняем проект в файл с расширением .wnk. Осталось скомпилировать результат. Сначала нажимаем Project > Setting ( F3), указываем имя выходного файла, формат (SWF или EXE) и частоту кадров, нажатием ОК, сохраняем настройки. Теперь Project > Render ( F7) и ожидаем окончания компилирования — время будет зависеть от производительности компьютера, количества и размера кадров, а также наличия дополнительных элементов управления. Если выбран flash-формат, то в результирующем каталоге обнаружите два файла — SWF и HTML. Если вы надумали экспортировать проект в другие форматы, загляните в меню File.

Все, видеопособие готово.

Linux forever!