Запись скринкастов.

Создаем свои видео уроки, презентации и прочее...

Автор: admin.


Запиись скринкастов  Запись скринкастов, создание своих видео уроков, презентаций и прочего, если вы раньше никогда этим не занимались, но теперь вдруг решили, то эта тема будет как раз для вас. А зачем собственно это все нужно? Ну, логично будет ответить так: - если вы решили этим заняться, то наверное вам лучше моего известно, зачем оно вам это надо. Можно лишь добавить, что создавая свои ролики и размещая их на «YouTube» и на своем сайте, вы можете привлечь дополнительных посетителей, подзаработать каких-никаких денег, сделать свой сайт более привлекательным, да и потом, это ведь очень удобно, когда посетитель вашего сайта, может не отходя от "кассы" просмотреть тот или иной ролик, в дополнение к основному контенту, ну и в целом, причин для освоения данной темы, куда более, чем предостаточно.  

  Надо сказать, что данная тематика достаточно обширна по своему объему и совсем недостаточно просто установить, допустим одну программу для создания скринкастов (видео уроков), после чего, у вас будет все "тип-топ". По мере продвижения вперед, возникающие вопросы будут появляться один за другим, ответы на которые вам придется искать, "перелопачивая" в интернете, тонны различного материала. В связи с этим и возникла идея, написать данную статью в максимально сжатом диапазоне, рассматривая в ней самый необходимый минимум, чтобы любой начинающий, освоив лишь элементарный набор тех или иных действий, мог бы в течение одного, максимум двух дней, научиться создавать свой собственный видеоматериал, не затрачивая на это целую массу драгоценного времени.

  Для воплощения в жизнь всего вышесказанного, нам понадобятся три программы:

1) Kazam - создание скринкастов:  http://www.linux-info.ru/kazam.html
2) Audacity - работа с аудио:  http://www.linux-info.ru/audacity.html
3) Avidemux - работа с видео:  http://www.linux-info.ru/avidemux.html

  Все эти программы, имеются в официальном репозиторие, поэтому их легко можно установить через «центр приложений Ubuntu». Далее, я предлагаю рассмотреть самые простейшие приемы работы в этих программах, которые непременно придется применять на практике.

Kazam - создание скринкастов.

  Эта программа, непосредственно записывает все, что происходит на мониторе, т.е. наши с вами видеоролики. Если перейти по вышепредставленной ссылке, то там уже подробно описано, как с ней работать, но на всякий случай, быстренько пробежимся еще раз.  После установки и запуска программы, сразу же открывается основное окно параметров:

Kazam запись скринкастов

«Video Source» - это дисплей (монитор), с которого будет вестись запись, если монитор один, то выбирать нечего не придется.

«Audio Source - собственно это микрофон, который будет записывать звук. У меня в данном случае, установлена видеокамера со встроенным микрофоном, поэтому все определилось само по-умолчанию, у вас может быть по-другому и возможно нужно будет выбирать.

«Audio Source - это тоже микрофон, обычно я этот пункт оставляю неактивным.

«Encoder type» - здесь я предлагаю использовать «GStreamer-H264/MP4». Второй вариант «GStreamer-VP8/WebM», тоже работает нормально, но в дальнейшем при обработке ролика в видео-редакторе, происходит сильное искажение цвета поэтому, выбираем «GStreamer-H264/MP4» (но вы можете пробовать и свой вариант, может быть у вас такой проблемы не будет). Все, нажимаем «Запись» и процесс пошел, дополнительно можете почитать на самой странице с описанием программы. Вообщем, с программой работать легко и просто.

  По-сути дела, когда вы запишите и сохраните - это уже будет готовый ролик и его в принципе можно "заливать" на «YouTube». Возникает закономерный вопрос, а зачем тогда еще все остальное, редакторы там всякие и пр... Если вам все пофигу, то вы вполне можете обойтись только этой программой и не "париться" с изучением всего последующего материала, но с другой стороны, существуют общепринятые правила приличия, предусматривающие таким образом, уважение не только к самому себе, но и к тем, кто будет ваш ролик просматривать. А для того, чтобы все соответствовало данным критериям, использование только одной программы «Kazam» будет явно недостаточно, а вот почему и с чем это связано, вы как раз и поймете в конечном итоге, из ниже изложенного материала.

 

Audacity - введение.

1) Вытаскиваем аудиозапись из видеоролика.
2) Создаем музыкальное фоновое сопровождение.
3) Добавляем нехватку аудио.
4) Вырезаем лишнее аудио.

  Конечно, это далеко не все возможности «Audacity», там много чего можно делать, но мы обходимся самым минимумом, этого вполне хватает, чтобы создавать свои, достаточно неплохие видеоролики.

 

Audacity - выдергиваем аудио из видео.

  Ну, я думаю, что из самого названия здесь все понятно, у нас есть видеоролик из которого мы хотим вытащить аудиозапись. Довольно часто может применяться на практике, предназначений тому, может быть превеликое множество. Запускаем «Audacity».

  В верхнем, горизонтальном меню выбираем «Файл» «Открыть» и в открывшимся проводнике выбираем наш видеоролик, да, да, именно видеоролик, «Audacity» должен открыть его, но не видео, а только аудио. Выглядеть это будет вот так:

Audacity в рабочем состоянии

  Опять, в том же меню «Файл» «Экспортировать» и в проводнике выбираем место, куда будем сохранять наш аудио файл (обычно раб. стол), а внизу проводника, из выпадающего меню, нужно выбрать формат, я рекомендую «mp3», после чего нажимаем «Сохранить».

Проводник в Audacity при сохранении файлов

  В результате, на вашем рабочем столе появится аудио файл в формате «mp3», с аудио содержимым вашего видеоролика.

Посмотреть видео о том, как это делается.

 

Audacity - добавляем музыкальный фон.

  Частенько случается так, что в наш видеоролик нужно добавить фоновое музыкальное сопровождение. Для этого нам необходимо иметь файл с музыкой, которую мы хотим сделать фоновой и видеоролик. Из видеоролика выдергиваем аудиозапись, пользуясь вышеописанным способом. Таким образом, мы теперь имеем два аудио файла, которые нужно сложить в один, с двумя параллельными дорожками. Открываем «Audacity» и дальше: «Файл» «Открыть», находим наш файл, который мы выдергивали из видео, именно его, а не с фоновой музыкой. Откроется диаграмма, затем опять: «Файл» → «Импортировать» → «Звуковой файл» и выбираем наш файл с музыкой. В результате, получим такое:

Audacity с двумя открытыми аудио файлами

  Здесь мы видим уже две диаграммы, верхняя - это наш, ну пусть будет голос из видео, а нижняя (их как правило две нижних) - это музыка. На скриншоте видно, что музыкальная диаграмма в два раза длиннее нашего голоса, но мы пока на это не будем обращать внимания. Кроме этого, высота этих диаграмм, тоже разная, музыкальная диаграмма значительно выше, чем голосовая, а это означает, что музыка будет звучать намного громче, чем наш голос, а должно быть наоборот. Что бы все привести в норму, нужно активировать на панели инструментов значек, кликнув по нему (на снимке № 1.). В результате этого, ваш курсор мыши превратиться в две направленных друг на друга стрелочки (не могу сделать снимок такого курсора). Затем, необходимо его перевести примерно в область, показанную на снимке № 2 и при нажатом курсоре потянуть диаграмму с музыкой вниз, как бы сужая ее. Должно получиться что-то вроде такого:

Редактирование второй аудио дорожки в Audacity

  Таким образом, сужая нашу музыкальную диаграмму, мы уменьшаем громкость звучания фоновой музыки. Что бы подогнать все должным образом, можно тут же, нажать на кнопочку «Play» и послушать, что у вас получилось, в случае, если что-то не так как хотелось, можно опять этим же приемом подкорректировать, т.е. сделать громче или тише. Ну и наконец, после всех корректировок, нужно сохранять файл. Для этого, заходим по пройденному уже пути: «Файл» → «Экспортировать», выбрать место сохранения, выбрать формат (mp3) и «Сохранить» и вы получите музыкальный файл с голосовым сопровождением и музыкальным фоном на заднем плане.

Посмотреть видео, как это делается.

 

Audacity - склеиваем два аудио файла.

  Представим себе ситуацию, когда у вас есть готовый видеоролик минут, примерно на пятнадцать-двадцать и вы хотите добавить в него фоновое музыкальное сопровождение. По сути дела, оно вроде бы, все понятно, это то, что мы делали в предыдущем уроке. Незадача только вот в чем, где взять такую музыку размером в пятнадцать-двадцать минут. И здесь нам нечего не остается, как только взять несколько музыкальных композиций и склеить их, расположив на одной музыкальной дорожке последовательно друг за другом. Открываем «Audacity», в меню: - «Файл» → «Открыть» и выбираем первый аудио файл.

Audacity склеивание аудио файлов

  Затем, повторяем тоже самое, но выбираем второй аудио файл, при этом откроется второе окно с «Audacity». Кликаем мышкой по диаграмме и нажимаем «Ctrl+A», вся диаграмма выделится более темным цветом, копируем трек, нажав «Ctrl+C» и не закрывая это окно, уводим его на второй план, можно просто отвести его в сторону, чтобы было видно наше первое окно. В первом окне, переводим бегунок в крайнее правое положение и мы четко увидим, где заканчивается дорожка, все очень хорошо видно на вышеприведенном снимке. Наводим курсор на границу, где заканчивается дорожка и клацаем мышкой, выделив таким образом границу. Затем, опять наводим курсор на выделенную, образовавшейся линии границу и нажатым курсором ведем вправо до конца, при этом, свободная часть этой дорожки, вслед за курсором, будет приобретать затемненный вид, т.е., мы выделили все свободное пространство, находящееся за окончанием музыкальной композиции.

Освобождение свободного пространства для склеивания аудио-файлов в Audacity

  Теперь, нужно всего лишь вставить скопированное ранее, нажав при этом «Ctrl+V» и вы должны получить это:

Соединение двух аудио дорожек в одну в Audacity

  Как видно на диаграмме, две музыкальные композиции, теперь находятся на одной дорожке. Главное не забыть сохранить полученный результат: - «Файл» → «Экспортировать», выбрать место, формат и «Сохранить».

Посмотреть видео, как это делается.

 

Audacity - обрезаем дорожку.

  Надо сказать, что данный метод укорачивания аудио звучания, относится чисто к случаю, когда мы работаем только с аудио, т.е. если мы обрабатываем аудио файл, который потом будем "вшивать" в видео, то такое укорачивание, просто бесполезный и ненужный этап. Дело в том, что какой бы длинны не был бы наш аудио файл, при "вшивании" его в видеоролик, музыки влезет ровно столько, сколько длина самого видео, все лишнее, будет автоматически отрезано. Тем не менее, данный прием может оказаться весьма полезным, а коль уж нам приходится работать непосредственно с аудио, то не стоит его сбрасывать со счетов. Основная идея, я думаю понятна, музыкальная дорожка слишком длинная и мы ее возьмем и отрежем от нее все ненужное. Открываем «Audacity», затем открываем файл с нашим голосовым сопровождением и добавляем файл с музыкой, все это мы уже рассматривали выше. Получается примерно вот такая диаграмма:

Вырезание части дорожки в Audacity

  Дальше, применяем уже знакомые нам приемы, выделяем требуемую границу кликнув мышкой в этом месте, затем подведя курсор к линии обозначенной границы, при нажатой клавиши мыши, выделяем весь ненужный нам отрезок музыки, на снимке это очень хорошо видно и жмем на клавиатуре «Delete». Все выделенное удалится. В заключении, сохраняем файл так, как мы это уже делали в вышеописанных приемах. Также, советую посмотреть представленный видеоролик, там рассказано и показано чуть-чуть больше, чем написано здесь.

Посмотреть видео, как это делается.

 

Avidemux - общие понятия.

  Итак, прежде чем начать работать с «Avidemux», нужно немножко понять кое-что. Возьмите наш скринкастер «Kazam», сделайте простой видеоролик и загрузите его на «YouTube». В итоге, когда вы откроете его для просмотра, могут получиться следующие результаты:

Очень плохо.

Просто изображение в плеере

 

Просто плохо.

Еще вариант изображения в плеере

 Хорошо.

Другой вариант изображения в плеере

 

Отлично.

Лучший вариант изображения в плеере

 

  Здесь на скриншотах, я намерено обрезал нижнюю панель плеера, что бы было видно более наглядно.

На снимке № 1 свободное черное пространство, находится со всех сторон.
На снимке № 2 мы наблюдаем такое же, только справа и слева.
На снимке № 3 только сверху и снизу.
На снимке № 4 нигде.

  Первый и второй вариант - это признак плохого тона, а вот третий и четвертый - это то, что принято считать нормальным и к этому надо стремиться. Почему же, такое происходит?

  Скринкастер «Kazam» создает нам видео с таким разрешением, как у вашего монитора, а оно не всегда соответствует разрешению, которое нормально вписывается в плеер на «YouTube». Что бы, не забивать себе голову целой кучей цифр всевозможных вариантов, запомните одно, лучше всего на «YouTube» загружать видео, которое имеет соотношение сторон «16:9», не ошибетесь. Что бы было более понятно, рассмотрим на конкретном примере. Мой монитор, которым я пользуюсь, имеет разрешение 1024x768, что составляет соотношение 4:3. Если на калькуляторе проделать такие действия, то вы увидите:

1024:768=1.333333333 (разрешение)
4:3=1.333333333 (соотношение)

  Полученный результат в обоих действиях равен - 1.33333333 (т.н. коэф.). "Ютубовский" же плеер, 16:9=1.777777778. Поэтому, если вы возьмете разрешение вашего монитора, разделив ширину на высоту и получите при этом, коэффициент равный 1.777..., то вам нечего менять не придется, если же, результат будет другой, то получить нужный, нам как раз и поможет «Avidemux», специально для этого предназначенный, да и не только. Как подобрать нужные пропорции? Рассмотрим, например несколько вариантов:

1280x720=1.77... (16:9)
1024x576=1.77... (16:9)
640x360=1.77... (16:9)
426x240=1.77... (16:9)

  Все представленные варианты, вполне годятся для «YouTube», но здесь есть одно «но». Важно помнить, что чем больше мы будем всячески изменять наше видео, тем хуже может оказаться качество. Это относится, к количеству проделанных различных операций во время преобразования, а также, непосредственно к объему самого преобразования, т.е., чем больше байт мы будем преобразовывать, тем хуже для нашего видео в целом. Поэтому при подборе нужного варианта разрешения, лучше всего двигаться по пути наименьшего сопротивления. Итак, мое разрешение монитора, если помните, было - 1024x768 или же 4:3, мне его необходимо преобразовать в 16:9, какой, из вышепредложенных вариантов вы выберете? Ответ: - 1024х576. Почему? Потому, что в данном случае, мне нужно внести изменения только в одну величину, а именно, изменить высоту. В остальных же случаях, приходится менять и высоту и ширину, а следовательно, менять большее количество байт, вот это и есть т.н. путь наименьшего сопротивления.

  Как расчитать нужную величину? Я думаю, что это не составляет особого труда, но на всякий случай. Имеем монитор - 1024х768. Нам известны величины: 1024:Х=1.777777778, соответственно: 1024:1.777777778=576, нужное разрешение: 1024х576. В этом варианте за известную нам величину мы взяли ширину (1024), но можно, также прыгать и от высоты. Вообщем, придерживаясь этих правил, ваше видео гарантировано впишется в "ютубовский" плеер. Но, вообще это все только голые слова, если вы планируете заливать видео на «YouTube», то просто делайте сразу нужный размер под "ютубовский" плеер, который имеет разрешение 640х360, потому, что какой бы вы не использовали правильный вариант, все равно ваше видео, будет автоматом перекодировано под эти параметры.

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

Видео редактор Avidemux

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

Экономичный режим:
video: MPEG4-AVC
audio: MP3 (lame)
format (контейнер): AVI

DV-режим (для монтажных программ):
video: DV
audio: PCM
format: AVI

Несжатое видео (безпотерьный формат, очень большой размер):
video: Huffyuy
audio: любой
format: AVI

Еще вариант (соотношение качества и размера):
video: MPEG4-AVC
audio: Vorbis
format: MKV

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

 

Avidemux - добавление звука в видеоролик.

  На предыдущем этапе, мы работали в аудио редакторе и учились "вытаскивать" аудио-дорожку из видео, а также, добавлять к этой дорожке, дополнительный музыкальный фон. После того, как мы сохранили файл, с внесенными в него изменениями, его необходимо вернуть обратно в наше видео и сделать это можно, используя видео-редактор «Avidemux». Представим, что у нас есть видеоролик без звука, созданный скринкастером «Kazam» и какой-то, заранее подготовленный аудио файл, в формате «mp3». В данном примере, мы просто добавим звук к видео, так будет проще, но и в вышеприведенном случае, этот способ выглядит точно также, как и в данном конкретном примере. Открываем редактор:

Avidemux с открытым в нем видеороликом

  Сначала добавляем наше видео, в горизонтальном меню проходим по пути: «Файл» → «Открыть», либо на панели инструментов редактора нажать на кнопочку «Открыть» и указываем наш файл с роликом. Видео появится в главном окне редактора. Если общее изображение будет очень большим, т.е не помещаться на вашем экране, то его можно уменьшить: «Вид» → «Уменьшить 1:2».

  Далее, все очень просто, настройки, которые помечены на снимке стрелочками, выставляем по приведенной ранее схеме номер четыре, а именно:

video:  MPEG4-AVC
audio:  Vorbis
format:  MKV

  Далее, в верхнем меню редактора заходим по пути: «Звук» → «Главная дорожка», в появившимся окне выбираем: «Источник звука» → «mp3 из файла», в графе «Файл» - нажимаем на «Просмотр» и указываем путь до нашего mp3-файла, после чего жмем «ОК».

Выбор источников звука в Avidemux

  Теперь, осталось лишь сохранить видео, для этого, в верхнем меню выбираем: «Файл» → «Сохранить» → «Сохранить видео». После этого, нужно будет выбрать место для сохранения нашего файла, дать ему название и нажать «Сохранить». Все, на рабочем столе появится вновь созданный видео файл с присвоенным ему названием, а содержать он будет уже и видео и аудио.

Посмотреть видео, как это делается.

 

Avidemux - склеиваем два видео вместе.

  В данной теме, нам предстоит склеить два видеоролика в  один. Такая необходимость, может достаточно часто встречаться на практике. Ну, скажем, представьте себе одну из возможных ситуаций, вы делаете видео, в котором рассказываете, как правильно установить и пользоваться какой-нибудь программой. А сам процесс установки предусматривает, по ее окончанию, перезагрузку компьютера, после чего вам нужно продолжить освещать тему. Как быть? Да все очень просто! Делаете одну запись до начала перезагрузки, а после нее, запускаете новую, в итоге получается два видео, которые логично объеденить в одно. Приступим к действию.

  После запуска редактора, проходим по пути, в верхнем меню: «Файл» → «Открыть» и в проводнике указываете свой первый видеоролик. Затем: «Файл» → «Присоеденить» и опять в проводнике указываете свой второй видеоролик. Ну и наконец: «Файл» → «Сохранить» → «Сохранить видео», выбираете куда, даете ему название и сохраняете. После этого, в том месте, которое вы указали для сохранения, появиться видео файл, содержащий в себе два ролика в одном. Все очень просто, а все действия, если вы обратили внимание, в принципе очень похожи друг на друга.

Посмотреть видео, как это делается.

 

Avidemux - отрезаем от видео ненужное.

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

  Приступим, окрываем «Avidemux», в верхнем меню выбираем: «Файл» → «Открыть» и указываем наш видео файл. Теперь, можно нажать на кнопку «Play» и начнется воспроизведение видео, воспроизводите до того места, откуда нужно будет отрезать и нажимаете паузу. Заходите: «Правка» → «Установить метку А» - это будет началом того, что вы будете отрезать. Теперь, опять включаете «Play» и воспроизводите, как бы, все то, что собираетесь вырезать, а в том месте, где начинается то, что не нужно вырезать, нажимаете паузу и заходите: «Правка» → «Установить метку В» и опять: «Правка» → «Вырезать» и дальше: «Файл» → «Сохранить» → «Сохранить видео», ну и т.д. После этого, у вас появится новый видео файл с вырезанным участком, т.е. просто без того, что вы отрезали.

Посмотреть видео, как это делается.

 

Avidemux - изменяем разрешение сторон видеоролика.

  Для того, что бы это сделать, нужно открыть файл видео в «Avidemux» - «Файл» → «Открыть». Затем в настройках: Видео, звук, контейнер - выставить значения, как на снимке или же, по четвертому варианту, как было написано в какой-то предыдущей статье, что собственно одно и тоже. Далее, в настройке «Видео» - выбрать (открыть) фильтры:

Главное рабочее окно Avidemux

Применение фильтров в Avidemux

  В фильтре найти «Resize» (размер), два раза кликнув по нему, а в открывшихся настройках выставить нужный размер 640x360

Настройка разрешения видео в Avidemux

  Теперь, нужно нажать «ОК», закрыть окно и сохранить видео, точно также, как мы это делали на предыдущих этапах. Все, после окончания процесса кодирования, у вас появится видео файл нужного разрешения.

Посмотреть видео, как это делается.

 

Заключение.

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

1) Обработка видео.
2) Обработка аудио.
3) Обработка конечного файла.

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

 
 

 

 

 

Разные программы мультимедиа Ubuntu

 

Более старые статьи:

Copyright 2011-2016 Запись скринкастов. All Rights Reserved.
Joomla theme by hostgator coupons