Несколько старая уже статья из журнала Мой Компьютер пока некогда переделывать.

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

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

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

$ sudo apt-get update

$ sudo apt-cache search recorder

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

byzanz — Byzanz is a desktop recorder. It records to GIF.

istanbul — Desktop session recorder

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

$ sudo apt-get install istanbul byzanz

…

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

byzanz gstreamer0.8-misc gstreamer0.8-theora gstreamer0.8-x istanbul libgstreamer-gconf0.8-0

libgstreamer-plugins0.8-0 libgstreamer0.8-0 python-gst

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

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

 

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

 

Istanbul (http://live.gnome.org/Istanbul)

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

$ istanbul&

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

В поле 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». При этом deb пакет доступный на сайте собран для Debian. И если вы хотите пользоваться этой версией в Kubuntu, придется собрать Istanbul с исходных текстов. Ничего сложного в этом нет: распаковываем и далее стандартные ./configure, make и make install. Только перед конфигурированием необходимо доустановить следующие пакеты.

$ sudo apt-get install libxml-parser-perl libgstreamer0.10-dev

 

Byzanz (http://www.freedesktop.org/~company/byzanz/).

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

$ byzanz-record -c record.gif

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

$ byzanz-record -c -d 2 -x 10 -y 10 -w 200 -h 300 record.gif

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

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

$ byzanz-record -c —duration=100 —delay=5 record.gif

 

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

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

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

$ wget http://un.sh.nu/screencasts/ffmpeg-0.4.9-p20051216.tar.bz2

И патч к нему.

$ wget http://un.sh.nu/screencasts/ffmpeg-0.4.9-p20051216.diff

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

$ tar xjfv ffmpeg-0.4.9-p20051216.tar.bz2

$ cd ffmpeg-0.4.9-p20051216

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

$ patch -Np1 -i ffmpeg-0.4.9-p20051216.diff

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

$sudo apt-get install build-essential xlibs-dev

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

$./configure —enable-x11grab —enable-gpl

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

$ ffmpeg -vcodec mpeg4 -b 800 -r 25 -vd x11:0,0 -s 1024×768 video.avi

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

Wink (http://www.debugmode.com/wink/)

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

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

$ tar xzvf wink15.tar.gz

installdata.tar.gz

installer.sh

$ ./installer.sh

Please specify where you want to install Wink [/home/grinder/wink]:

Successfully installed Wink

И запускаем.

$ /home/grinder/wink/wink

При работе с Wink разрешение экрана желательно установить не менее 800*600, лучше 1024*768. Тогда вам будет доступна большая область для редактирования. Для создания нового проекта выбираем “File – New”, после чего запустится мастер (Wizard). На первом шаге воспользовавшись выпадающим списком, выбираем область захвата.

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

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

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

Вот здесь видно как 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!