Как зафиксировать проигрыватель ютуб

Публикация видеороликов, созданных в приложениях Apple для работы с видео, на YouTube, Facebook или Vimeo

Публикация видеороликов, созданных в приложении Clips, на YouTube, Facebook или Vimeo

Для публикации из приложения Clips версии 3.0.1 или более поздней выполните следующие действия.

1. Если видеоролик, который вы хотите опубликовать, не открыт, нажмите кнопку «Проекты» в левом верхнем углу.
2. Нажмите кнопку «Поделиться» . Если требуется изменить соотношение сторон, ориентацию или другие расширенные параметры проекта, в верхней части экрана нажмите «Параметры». Чтобы применить новые параметры, нажмите «Готово».
3. Нажмите «Сохранить видео», чтобы сохранить окончательную версию видеоролика в медиатеке приложения «Фото» на устройстве. Если вы активировали службу Фото iCloud, то сможете получить доступ к видеоролику с других своих устройств Apple.
4. Откройте приложение YouTube, Facebook или Vimeo, войдите в свою учетную запись и выгрузите видеоролик.

Публикация видеороликов, созданных в приложении iMovie, на YouTube, Facebook или Vimeo

Чтобы опубликовать на YouTube, Facebook или Vimeo видеоролики, созданные в приложении iMovie на устройствах iPhone, iPad или компьютере Mac, выполните следующие действия.

Публикация видеороликов из приложения iMovie на iPhone или iPad

Для публикации из приложения iMovie версии 2.3.2 или более поздней выполните следующие действия.

1. В браузере проектов iMovie выберите проект, который необходимо опубликовать, затем нажмите кнопку «Поделиться» . Если требуется изменить соотношение сторон, ориентацию или другие расширенные параметры проекта, в верхней части экрана нажмите «Параметры». Чтобы применить новые параметры, нажмите «Готово».
2. Нажмите «Сохранить видео», чтобы сохранить окончательную версию видеоролика в медиатеке приложения «Фото» на устройстве. Если вы активировали службу Фото iCloud, то сможете получить доступ к видеоролику с других своих устройств Apple.
3. Откройте приложение YouTube, Facebook или Vimeo, войдите в свою учетную запись и выгрузите видеоролик.

Публикация видеороликов из приложения iMovie на компьютере Mac

Для публикации из приложения iMovie версии 10.2.2 или более поздней выполните следующие действия.

1. Откройте проект в iMovie и нажмите кнопку «Поделиться» .
2. Нажмите «YouTube и Facebook».
3. Щелкните раскрывающееся меню «Разрешение» и выберите нужные размеры видео.
4. Выберите папку для сохранения видеофайла, затем нажмите «Сохранить».
5. В Safari или другом веб-браузере войдите в свою учетную запись YouTube, Facebook или Vimeo и выгрузите видеофайл.

Публикация видеороликов, созданных в приложении Final Cut Pro для Mac, на YouTube, Facebook или Vimeo

Для публикации из приложения Final Cut Pro для Mac версии 10.5.1 или более поздней выполните следующие действия.

1. Выберите свой проект в приложении Final Cut Pro, нажмите кнопку «Поделиться» , затем выберите вариант «YouTube и Facebook». Или нажмите «Файл» > «Поделиться» > «YouTube и Facebook».*
2. В окне Share (Поделиться) выберите вариант Info (Сведения), чтобы изменить название клипа, описание и т. д. Нажмите «Настройки», чтобы выбрать разрешение, степень сжатия и настройки субтитров.
3. Нажмите «Далее», выберите папку для сохранения видеофайла, затем нажмите «Сохранить».
4. В Safari или другом веб-браузере войдите в свою учетную запись YouTube, Facebook или Vimeo и выгрузите видеофайл. Вы также можете скачать приложение Vimeo для macOS из магазина Mac App Store, чтобы выгрузить видеоролик на веб-сайт Vimeo.

* Вы можете добавить целевую папку «YouTube и Facebook», если не видите её. Выберите «Файл» > «Поделиться» > «Добавить место назначения», затем перетащите вариант «YouTube и Facebook» из правой части списка «Места назначения» в левую (или дважды нажмите целевую папку справа). Дополнительные сведения о создании целевых папок.

Публикация видеороликов, созданных в приложении Final Cut Pro для iPad, на YouTube, Facebook или Vimeo

Для проекта SDR, созданного в Final Cut Pro для iPad, или другого проекта, который необходимо выгрузить на платформы социальных сетей, например Facebook, Instagram и TikTok, во время публикации видео выберите во всплывающем меню «Наборы настроек» вариант «Платформы социальных сетей». Вариант «Платформы социальных сетей» экспортирует видео с использованием кодека H.264, что обеспечивает меньший размер файлов и совместимость с большим количеством устройств.

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

Публикация видеороликов, созданных в приложении Compressor, на YouTube, Facebook или Vimeo

Для публикации из приложения Compressor версии 4.5.1 или более поздней выполните следующие действия.

1. В области пакетов программы Compressor нажмите Add File (Добавить файл), выберите необходимый файл и нажмите Add (Добавить).
2. В открывшемся окне настроек выберите «YouTube и Facebook», укажите папку для перекодированного файла и нажмите «OK».
3. Если исходный файл уже находится в области пакетов, вариант «YouTube и Facebook» можно перетащить из раздела «Встроенное» панели настроек на исходный файл в области пакетов.
4. Щелкните Start Batch (Создать пакет).
5. В Safari или другом веб-браузере войдите в свою учетную запись YouTube, Facebook или Vimeo и выгрузите видеофайл.

Информация о продуктах, произведенных не компанией Apple, или о независимых веб-сайтах, неподконтрольных и не тестируемых компанией Apple, не носит рекомендательного или одобрительного характера. Компания Apple не несет никакой ответственности за выбор, функциональность и использование веб-сайтов или продукции сторонних производителей. Компания Apple также не несет ответственности за точность или достоверность данных, размещенных на веб-сайтах сторонних производителей. Обратитесь к поставщику за дополнительной информацией.

Youtube Player — создание собственного плеера на JavaScript

Таким iframe как раз и можно управлять на своем сайте. Далее расскажу, как это сделать на примере формирования своих элементов управления и обработчиков событий на Javascript + Jquery.

Страница с плеером — верстка

Сначала создаем простую html-страничку, в которой будут несколько div-block’ов, на которые мы привяжем наш плеер.

HTML-код страницы

        
Back Play Pause Next 
00:00
 Громкость 
Auto
 FullScreen 
 
Load New Playlist Сменить качество на 480 
   

Стили кнопок и плеера

body < margin: 0; >.panel < width: 850px; height: 40px; background: grey; margin-top: -5px; border: 1px solid #aaa; >#play, #back, #next, #pause < float: left; width: 50px; height: 40px; >#time < float: left; width: 50px; height: 40px; color: #fff; padding-top: 10px; margin-left: 10px; >#line < margin-top: 15px; height: 4px; width: 350px; background: #fff; float: left; margin-right: 15px; >#volume < float: left; width: 80px; height: 40px; >#quality < float: left; width: 50px; height: 40px; color: #fff; padding-top: 10px; margin-left: 10px; >#full < float: left; width: 75px; height: 40px; >#fader < background: black; border-radius: 5px; width: 10px; height: 10px; position: relative; z-index: 4; bottom: 3px; >#playlist < margin-top: 20px; >.viewed

И самое главное — javascript.

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

Управление плеером — JavaScript

Все равно, куда вы его положите, но главное ниже подключаемых библиотек (для простоты можно прямо в html-документе).

Весь Javascript-код — функции

//Инициализация плеера function onYouTubeIframeAPIReady() < player = new YT.Player('player', < height: '500', playerVars: < 'autoplay': 0, 'controls': 0, 'showinfo': 0, 'rel': 0>, width: '850', videoId: 'CyVuYAHiZb8', events: < 'onReady': onPlayerReady >>); > // Обработчик готовность function onPlayerReady(event) < var player = event.target; iframe = document.getElementById('player'); setupListener(); updateTimerDisplay(); updateProgressBar(); time_update_interval = setInterval(function () < updateTimerDisplay(); updateProgressBar(); >, 1000); > /*Слушать события*/ function setupListener () < document.getElementById('full').addEventListener('click', playFullscreen); >/*Включение фуллскрина*/ function playFullscreen () < player.playVideo();//won't work on mobile var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen; if (requestFullScreen) < requestFullScreen.bind(iframe)(); >> /*Загрузить плейлист*/ function loadPlaylistVideoIds(); < player.loadPlaylist(< 'playlist': ['9HPiBJBCOq8', 'Mp4D0oHEnjc', '8y1D8KGtHfQ', 'jEEF_50sBrI'], 'listType': 'playlist', 'index': 0, 'startSeconds': 0, 'suggestedQuality': 'small' >); > /*Громкость*/ function editVolume () < if (player.getVolume() == 0) < player.setVolume('100'); >else < player.setVolume('0'); >> /*Качество*/ function editQuality () < player.setPlaybackQuality('medium'); document.getElementById('quality').innerHTML = '480'; >// Обновляем время на панельке - счетчик function updateTimerDisplay() < document.getElementById('time').innerHTML = formatTime(player.getCurrentTime()); >/*Формат времени*/ function formatTime(time) < time = Math.round(time); var minutes = Math.floor(time / 60), seconds = time - minutes * 60; seconds = seconds < 10 ? '0' + seconds : seconds; return minutes + ":" + seconds; >// Обновляем прогресс function updateProgressBar() < var line_width = jQuery('#line').width(); var persent = (player.getCurrentTime() / player.getDuration()); jQuery('.viewed').css('width', persent * line_width); per = persent * 100; jQuery('#fader').css('left', per+'%'); >/*Линия прогресса*/ function progress (event) < var line_width = jQuery('#line').width(); // положение элемента var pos = jQuery('#line').offset(); var elem_left = pos.left; // положение курсора внутри элемента var Xinner = event.pageX - elem_left; var newTime = player.getDuration() * (Xinner / line_width); // Skip video to new time. player.seekTo(newTime); >

А теперь как это работает. Для начала создаем плеер — для этого нужна обязательная функция:

 //Инициализация плеера function onYouTubeIframeAPIReady() < player = new YT.Player('player', < height: '500', playerVars: < 'autoplay': 0, 'controls': 0, 'showinfo': 0, 'rel': 0>, width: '850', videoId: 'CyVuYAHiZb8', events: < 'onReady': onPlayerReady >>); > 

Она вызывается сама по видимому сразу, а внутри нее создается объект YT.Player с параметрами. Первый ‘player’ — идентификатор

к которому при инициализации цепляется iframe. Далее height и width — размеры iframe, videoId: ‘CyVuYAHiZb8’ — идентификатор видео — это наш Рэй Чарльз. playerVars: < 'autoplay': 0, 'controls': 0, 'showinfo': 0, 'rel': 0>— это настройки плеера, сами говорят за себя -стоят нули, чтобы выключить элементы управления, которые мы делаем свои.

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

Теперь что касается объекта player. Он создан и им можно управлять, вызывая методы, как в панели управления в html — кнопочки.

HTML-код панельки плеера

 
Back Play Pause Next 
00:00
 Громкость 
Auto
 FullScreen 
 
Load New Playlist Сменить качество на 480 
 

Кнопки play и pause

Play 

Pause 

— pause
Здесь все просто плей-пауза

Кнопки back и next

Back Next 

Эти кнопки нужны для переключения видео в плейлисте.

Для создания плейлиста есть кнопка

Load New Playlist 

— которая вызывает функцию по клику.

Эта функция вызывает метод player.loadPlaylist (<. >)

function loadPlaylistVideoIds(); < player.loadPlaylist(< 'playlist': ['9HPiBJBCOq8', 'Mp4D0oHEnjc', '8y1D8KGtHfQ', 'jEEF_50sBrI'], 'listType': 'playlist', 'index': 0, 'startSeconds': 0, 'suggestedQuality': 'small' >); > 

с параметрам playlist’: [‘9HPiBJBCOq8’, ‘Mp4D0oHEnjc’, ‘8y1D8KGtHfQ’, ‘jEEF_50sBrI’] — список видео в плейлисте. ‘listType’: ‘playlist’ — тип, ‘index’: 0 — индекс видео, с которого начать, остальные параметры очевидны. Так загружаются плейлисты. Также плейлист можно инициализировать прямо в начале, тогда нужно в параметрах объекта YT.Player прописать playerVars: < 'autoplay': 0, 'controls': 0, 'showinfo': 0, 'rel': 0, playlist': ['9HPiBJBCOq8', 'Mp4D0oHEnjc', '8y1D8KGtHfQ', 'jEEF_50sBrI'] >,

Также реализованы кнопки управления громкостью

Громкость 

— при нажатии включает или вырубает звук. Используются методы по аналогии:

/*Громкость*/ function editVolume () < if (player.getVolume() == 0) < player.setVolume('100'); >else < player.setVolume('0'); >> 

А также качество

Сменить качество на 480 

/*Качество*/ function editQuality ()

И фуллскрин

FullScreen 

function playFullscreen () < player.playVideo(); var requestFullScreen = iframe.requestFullScreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullScreen; if (requestFullScreen) < requestFullScreen.bind(iframe)(); >> 

Здесь кратко описаны функции для работоспособности панельки. В итоге — Кнопки Play, Pause, есть кнопка загрузки плейлиста из 3-х видео, Next и Back для плейлиста, фейдер и линия прогрузки, обновляющееся время, кнопки, демонстрирующие работу громкости, качества и фуллскрин — все это начальные сведения для разработки собственного плеера, взаимодействующего с Youtube Iframe.

Демо вариант доступен Вот тут

При написании статьи использовался мануал от Youtube в котором можно найти расширенное описание работы с Youtube iframe API здесь

Ресурсы, реализующие такой плеер

• Про функционирование кнопки для fullscreen я нашел пример на codepen
• Демо вариант от ютуба можно посмотреть у них демо Youtube — но тут не совсем то.
• Ещё на просторах интернета нашел сайт Valera.tv с реализацией такого плеера со своим забавным дизайном.
• Кстати, аналогичный плеер был сделан в ВКонтакте, но почему то они от него отказались, и просто вставляют стандартный iframe c ютубовскими кнопками.
• Также для справки аналогичный плеер и реализацию через Youtube iframe API для плеера делает Uppod — но он частично платный и про него кучу раз писали.

Заключение

В целом в статье приводится один пример создания своего плеера, транслирующего Youtube видео на вашем сайте с использованием Javascript.

Захват видео из медиаплееров

Найдите разрешение и качество вашего видео. Для наилучшего качества записи рекомендуем записывать видео в полном размере.

Если видео больше размера экрана, разверните видео на полный экран и запишите полноэкранное видео.

Если видео меньше размера экрана, установите окно плеера на реальный размер видео. Если маленькое видео растянуть на весь экран, то его качество заметно упадёт.

Шаг 1: Выберите область захвата

1. В окне запуска Movavi Screen Capture, нажмите Захват экрана.
2. Вокруг мыши появится прицел. С помощью мыши, выделите часть экрана, которую хотите записать.

Если вы записываете плеер в оконном режиме , наведите курсор на видео внутри плеера и выделите содержимое плеера.

Если вы записываете большое видео в полноэкранном режиме , щёлкните на любое пустое место, чтобы выбрать весь экран.

Шаг 2: Настройте звук

Как только вы укажете область захвата появится панель записи . С её помощью, вы сможете настроить звук и другие возможности захвата.

1. Чтобы включить запись звуков из плеера, нажмите кнопку Системный звук со значком колонки.
2. Настройте громкость записи системного звука с помощью ползунка слева или настройте звук в плеере.

3. Чтобы на запись не попали ненужные звуки, убедитесь, что кнопка Микрофон выключена (закрашена чёрным) и закройте другие окна, которые могут издавать звуки.

Шаг 3: Запишите видео

Чтобы приступить к захвату, нажмите кнопку REC на панели записи и включите плеер. До начала записи у вас будет пять секунд. Не забудьте развернуть плеер на весь экран, если записываете в полноэкранном режиме.

Подсказка: не волнуйтесь, если на запись попало лишнее, ведь её можно легко обрезать .

Чтобы завершить запись, нажмите клавишу F10 или кнопку Стоп на панели записи.

Шаг 4: Обрезка и сохранение (не обязательно)

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

1. Чтобы обрезать видео с начала или с конца, установите ползунок прокрутки на нужный момент и нажмите ножницы. Затем, выберите ненужный фрагмент и нажмите кнопку со значком корзины, чтобы его удалить.

2. Затем, обрезанное видео необходимо сохранить. Нажмите Сохранить как, чтобы открыть настройки сохранения.

3. В верхней части окна, выберите формат, в котором хотите сохранить видео. Если у вас нет предпочтений, выберите универсальный формат MP4.

Если нужный формат не представлен, нажмите Другие форматы и найдите формат в списке на вкладке Видео и аудио.

4. В поле Имя файла, назовите вашу запись. Чтобы сменить папку сохранения, нажмите на кнопку с многоточием: .

5. Нажмите Сохранить. Через некоторое время видео будет готово к просмотру.

Устранение неполадок

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

Захват видео из VLC (VideoLan Media Player)
(для пользователей Windows XP)
1. В плеере VLC, откройте меню Инструменты и выберите пункт Настройки.
2. В настройках, перейдите на вкладку Видео (режим отображения: простые настройки).

3. В разделе Отображение, найдите список Вывод. Если выбран режим Вывод видео через DirectX (DirectDraw), выберите любой другой режим из списка.

Захват видео из Media Player Classic
(для пользователей Windows XP)
1. В плеере, откройте меню Вид и выберите Настройки. Откроется окно настроек.
2. В дереве настроек слева, выберите Воспроизведение > Вывод.

3. Найдите опцию DirectShow видео. Здесь, вы можете выбрать из списка рендерер, или метод обработки видео. Если в списке выбран Overlay Mixer Renderer, выберите любой другой вариант.

Как сделать обучающее видео в офисе или дома — пошаговое руководство

Далее мы расскажем по шагам, что нужно для съемки видеоурока или видеосопровождения. Поехали!

Шаг 1. Определите целевую аудиторию

Представление о целевой аудитории у людей обычно размыто. Многие говорят о ней так: «Ну… целевая аудитория — это все, кому нужно научиться говорить на английском или понять тонкости контент-менеджмента. В принципе, это все люди».

Даже если вы снимаете видеоурок не для широкого зрителя, а, к примеру, для студентов или сотрудников отдела продаж, определить целевую аудиторию важно. Это поможет лучше «прицелиться» и сделать видео максимально полезным.

Понять, кто ваш зритель можно, ответив на простой вопрос «Как хорошо зрители разбираются в предмете?».

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

Руководитель направления по развитию дистанционного обучения компании «Академия АйТи»

Шаг 2. Подготовьте сценарий

Даже если вы отлично разбираетесь в теме, проработать сценарий надо. Он поможет:

• Структурировать выступление , продумать тезисы и советы, которые сделают урок более насыщенным и ценным.
• Избежать ненужных пауз и междометий по типу «ээээээмм», как у журналистов ТВ во время прямых включений с места событий. Под рукой всегда будет шпаргалка, если вы вдруг собьетесь и потеряете ход мысли.

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

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

Вовсе необязательно прорисовывать каждую сцену в деталях. Сойдет и грубый эскиз от руки — главное визуально показать основное действие.

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

Пример раскадровки сцен из фильма «Отель Гранд Будапешт»

Со временем, когда вы привыкните работать в кадре, сценарий можно свести к десятку опорных тезисов, и построить выступление на чистой импровизации. Однако поначалу сценарий необходим.

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

Видеолектор, тренер по продуктам Microsoft Office

Чтобы понять насколько длинным получится ролик, прогоните сценарий через сервис Honomer — по количеству текста он опроделяет продолжительность будущего видео.

Шаг 3. Подберите камеру и микрофон

Пять лет назад любой человек мог загрузить на YouTube «обучалку», снятую на мобильник, и собрать тысячи просмотров.

Сегодня люди строже относятся к качеству звука и картинки. Некоторые принципиально не смотрят видео в качестве ниже HD. Судите сами, на какой ролик вы бы кликнули:

Как выбрать камеру для видеолекции, подробно описано в этой статье. Далее мы расскажем на каком микрофоне остановиться.

В первую очередь нужно знать о том, что микрофоны бывают динамические и конденсаторные:

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

Лучший микрофон для видеосъемки — маленький и незаметный.

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

К тому же, у вас будет занята одна рука. Это неудобно, если в кадре есть действие – к примеру, вы проводите химический опыт.

Для видеоуроков подойдут три типа микрофонов:

Петличный микрофон или «петличка» — маленький и легкий микрофон, который крепится к одежде. Благодаря миниатюрности он почти незаметен и не мешает ведущему. Человек может спокойно ходить по съемочной площадке, жестикулировать, брать в руки предметы. Петличка улавливает звуки только в радиусе 20-30 сантиметров вокруг себя, фильтруя отдаленные шумы.

Петличный микрофон подходит для интервью и съемки роликов, в которых персонаж говорит в течение долгого времени.

Головной микрофон — бюджетный вариант, представляет собой обычные наушники с гарнитурой. Профессиональные ораторы используют модели без наушников.

Головной микрофон всегда держится на одном расстоянии ото рта и не трется об одежду во время движения, как это иногда бывает с «петличкой». Такой тип микрофона тоже подходит для съемки роликов и интервью.

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

Такой микрофон всегда за кадром, потому не отвлекает внимание. К тому же «пушку»можно прикрепить к специальному держателю — «удочке» — и поднести ближе к ведущему, что качественно прописать каждую реплику.

«Пушка» подходит для записи диалогов, когда разговаривают несколько человек, или при съемке общего плана, если не в кадре не должно быть микрофона.

Ниже представлены примеры микрофонов, которые чаще всего используют продвинутые видеолекторы и новички.

Для профессионалов	Для любителей
1. Петличный микрофон — Rode Lavalier (~14 000 руб.)	1. Петличный микрофон — Audio-Technica ATR3350 (~ 1 900 руб.)
2. Головной микрофон — Countryman E6 mic (~49 000 руб.)	2. Головной микрофон — Rode HS1 (~ 16 000 руб.)
3. Микрофон-пушка — Rode NTG-4+ (~19 000 руб.)	3. Микрофон-пушка — Rode VideoMic GO (~ 4 900 руб.)

Если вы настроены серьезно, стоит выбирать микрофоны продвинутого уровня. Но если видеолекции для вас — хобби, можете начать с бюджетных микрофонов, хоть они и уступают по качеству.

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

Руководитель направления по развитию дистанционного обучения компании «Академия АйТи»

Шаг 4. Выберите место съемок

Популярность видео во многом зависит от картинки. Здесь важную роль играет фон. В идеале место съемки должно на 100% подходить под тему видеоурока.

Например: если вы снимаете химический опыт, оборудуйте место съемок под лабораторию.

Фоном может стать любая локация

Фон задает тему. Так, если человек стоит на фоне библиотеки, подсознательно возникает ассоциация с писателем или ученым. А теперь взгляните на женщину, стоящую возле кухонного стола, — вы подумали, что это повар или домохозяйка, верно?

Залитый солнцем парк, роскошный ресторан, вид города с крыши небоскреба – любая локация послужит рабочим фоном, если подобрана в тему.

Сменный фон для съемки

Решить вопрос с фоном можно и другим способом — купить. Так называемый сменный фон, или, по-английски, backdrop можно подобрать на «Яндекс. Маркете» за 1 000 рублей. Backdrop легко установить даже в квартире.

Backdrop, как правило, имеет нейтральный цвет. Потому отлично подойдет, когда нужно акцентировать внимание на ведущем

Сменные фоны делятся на несколько типов. Самые популярные это:

• Бумажный фон — номер один в домашних студиях видеозаписи. На матовую поверхность бумаги свет ложится равномерно, без бликов, а значит ничто не отвлечет внимание от ведущего в кадре. К тому же, бумажный фон стоит недорого – от трех тысяч рублей. Минус – легко рвется.
• Фон из ткани — не мнется и не боится стирки. Ткань можно постелить на любую неровную поверхность. Такой фон придает мягкость картинке. Тканевый фон можно изготовить самостоятельно из флизелина.
• Нетканевый фон — синтетическое полотно. Фон сглаживает тени и придает мягкости картинке. Еще одно преимущество: синтетика не боится влаги и быстро сохнет. Вдобавок, рулон «нетканки» дешевле бумаги на 20%.

Большой популярностью при съемке пользуется синий и зеленый фоны — «синька» и «зеленка», как их называют профессионалы.

Используя хромакей, можно создавать невероятные спецэффекты

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

«Я не рекомендую использовать зеленый фон новичкам. Он требует серьезного подхода к освещению и профессиональных навыков в редактировании видео. В качестве фона можно использовать обыкновенную стену. Главное, чтобы обои были однотонные, желательно не белые. Свои видеоуроки я иногда снимала в библиотеке на фоне книг. Там обычно очень тихо — звук выходит отличный. Естественно, о съемках договаривалась заранее».

Видеоблогер, учитель информатики гимназии №63 Калининского района Санкт-Петербурга

Шаг 5. Выставите освещение

Плохое освещение – лютый враг хорошего кадра. Одно дело, если вы снимаете на улице: под погоду либо подстраиваешься, либо переносишь съемку. Другое дело, когда записываете урок в помещении. Здесь все в ваших руках.

«Рабочее освещение» — это очень яркий свет (от 500 до 1000 Вт). Чтобы картинка была четкой, понадобится три светильника. От того, как вы их расположите, зависит качество изображения.

Один из самых простых способ выставить свет: расположите ведущего в двух-трех метрах от фона. Направьте на него один светильник. Он обеспечит основное освещение и сформирует тени. Учтите — лампа не должна слепить лектора.

Еще два светильника установите позади ведущего за пределами кадра и направьте их на фон. Эти лампы должны быть в два раза мощнее светильника, направленного на ведущего.

Вуаля, свет настроен. Можете нажать на «Rec».

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

Руководитель направления по развитию дистанционного обучения компании «Академия АйТи»

Шаг 6. Продумайте образ ведущего

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

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

Из-за неправильно подобранного костюма возникнут сложности и чисто технического характера.

Во время съемок лучше отказаться от:

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

Стильные аксессуары, такие как солнцезащитные очки, ожерелье или наручные часы должны скромно дополнять образ, а не отвлекать внимание зрителя.

Вот еще несколько полезных советов от профессиональных телевизионщиков:

Важно: уделите внимание рукам. Сломанные ногти, заусенцы на коже, желтые пальцы от сигарет – бррр. Зритель вряд ли хочет видеть это крупным планом.

«Перед съемками протрите лицо сухой салфеткой, слегка припудритесь. Тогда лицо не будет блестеть так, как будто вы обмазали его растительным маслом».

Видеолектор, тренер по продуктам Microsoft Office

Шаг 7. Пишите видео частями

Перед чистовой записью видео прочтите текст вслух, выберите оптимальную громкость и темп речи. Обязательно протестируйте микрофон.

Не стоит записывать всю лекцию целиком. Поделите выступление на короткие дубли. Между ними вы сможете перевести дух, а оператор (если он у вас есть) — поменять ракурс камеры. Смена ракурса существенно разнообразит видеоряд.

Совет: при записи сложно смотреть в камеру и держать контакт со зрителем. Чтобы работать было комфортнее, прикрепите к камере бумажную фигурку. При выступлении можно смотреть на нее.

«Когда вы прочитали один отрывок текста, сделайте паузу в 5 секунд. При этом не отрывайте взгляда от записывающей камеры. Такой видеокадр с «запасом» проще обрезать на монтаже».

Руководитель направления по развитию дистанционного обучения компании «Академия АйТи»

В идеальном мире вы записываете видео в студии или в любом другом «управляемом» окружении. Но в реальности у большинства из нас нет доступа к специальному помещению для записи. Поэтому:

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

«Интернет резко сократил средний уровень концентрации внимания. Twitter и Instagram приучили человека к коротким информационным порциям. Потому идеальная продолжительность видеоурока не должна превышать 7 минут».

Видеоблогер, учитель информатики гимназии №63 Калининского района Санкт-Петербурга

Для удобства зрителей раздробите длинный урок на несколько эпизодов с логическим вступлением и завершением, как в телесериале. Короткие видеолекции можно объединить в темы, а темы — в учебный курс.

Шаг 8. Подберите программу для создания учебных роликов и смонтируйте видео

После съемок на очереди монтаж. Эксперты, как правило, используют для этого две популярные программы: Sony Vegas и Adobe Premiere. Каждая из них требует тщательного изучения — сходу новичку будет сложно разобраться в функционале.

Однако если вы хотите сделать простой видеоурок без сложных спецэффектов, можно использовать другой софт, более легкий в обращении.

Так, к примеру, если объединить видео со слайдами PowerPoint, тоже получится интересный учебный курс:

Это презентация с видеосопровождением. Она создана при помощи программы для создания видеокурсов iSpring Suite. Особенность этой программы в том, что все ее функции доступны в отдельной вкладке PowerPoint.

То есть, создать видеоурок можно, не выходя из PowerPoint. Подробнее о том как это сделать, смотрите в «обучалке»:

В iSpring Suite есть все необходимые функции для создания учебных видеороликов. Что удобно – основой для видео послужит любая презентация, которую вы используете при обучении школьников, студентов или сотрудников.

Чтобы дополнить ваш ролик и сделать его более увлекательным и интересным, можно воспользоваться конструктором персонажей в iSpring Suite и создать уникального нарисованного героя, который будет соответствовать фирменному стилю или другим визуальным задачам. Не нужно обращаться к дизайнерам или иллюстраторам — достаточно собрать героя из блоков.

Создание персонажа займет всего несколько минут. Вы можете изменять цвет кожи, черты лица, прическу, а также комбинировать одежду и аксессуары. Готовый персонаж, созданный в конструкторе, легко интегрируется в любой учебный сценарий и может играть роль наставника, клиента, руководителя или сотрудника.

Как только вы создадите своего персонажа, он появится в вашей библиотеке и будет доступен для использования в других видео.

Создание видеоурока — не конечная цель. Важно, чтобы контент нашел своего зрителя. Чтобы собрать максимум просмотров, нужно понимать, где ваша аудитория ищет «обучалки» чаще всего.

iSpring Suite предлагает несколько вариантов публикации:

• Сайт или блог. Сконвертируйте лекцию в формат HTML5, чтобы ее можно было загрузить в интернет.
• Социальные сети. Загрузите видеопрезентацию в облачное хранилище iSpring Cloud и отправьте ученикам ссылку на материал по почте или в социальной сети.
• СДО. Упакуйте видеокурс в SCORM-пакет и загрузите в систему дистанционного обучения.
• CD. Публикация презентации для последующей записи на компакт-диск.

Подробнее о каждом из этих вариантов читайте в отдельном материале.

После того как вы опубликуете видеоурок, останется только собирать отзывы от зрителей и готовить в продакшн новую «обучалку».
Обычно зрители дают массу дельных советов о том, как улучшить контент, и пренебрегать ими не стоит.

Запомнить

1. Прежде чем приступать к съемкам, напишите сценарий. Он поможет структурировать выступление, сконцентрировать суть и отсечь лишнее.
2. В идеале место съемки должно на 100% подходить под тему видеоурока.
3. Плохое освещение – лютый враг хорошего кадра. Чтобы картинка была четкой и яркой понадобится три светильника.
4. Из-за неправильно подобранной одежды могут возникнуть «технические сложности»: ваше изображение будет рябить или «растворится» в кадре.
5. Чтобы было проще во время записи, поделите выступление на короткие дубли.
6. Соцсети приучили человека к коротким информационным порциям. Потому идеальная продолжительность видеоурока — 7 минут.

Если вам понравилась статья, дайте нам знать — нажмите кнопку Поделиться.

А если у вас есть идеи как можно улучшить текст — расскажите нам. Мы будем рады доработать материал!

Быстрый конструктор курсов и тестов Поможет создать интерактивные курсы и тесты в рекордно короткие сроки. Без дизайнера и программиста.

Коммерческий редактор и журналист. Рассказываю о трендах и новых подходах в онлайн-обучении. Помогаю бизнесу освоить инструменты iSpring и создавать электронные курсы, чтобы развивать сотрудников дистанционно.