10 лучших бесплатных программ для хромакея в 2021

Содержание:

Видеозвонки с фоном в Cisco Webex: инструкция по изменению фона

Видеозвонки с фоном в Cisco Webex

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

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

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

Естественный фон

Это может быть квартира, офис, терраса или даже салон автомобиля. Съемка в естественной среде добавляет ролику ощущения времени и места, он становится более непринужденным и настоящим. Кажется, будто видео снято «на лету», без предварительной подготовки и сложного монтажа.

Естественный фон идеально подходит для видеоотзывов, роликов о себе и спонтанных видео.

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

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

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

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

Как убрать зелёный фон в видео бесплатно, используя Хромакей

Сперва установите VSDC на свой компьютер, запустите программу и импортируйте видеофайл, в котором присутствует зелёный фон.

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

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

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

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

Иногда даже после того, как вы проделали вышеописанные шаги, тонкая зелёная подсветка остаётся по границе объекта в кадре. Чаще всего это связано с тем, что цвет фона неравномерен или же некачественное освещение во время съёмок привело к образованию бликов и теней, которые помешали удалить задний фон на видео полностью. Однако и это поправимо.

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

  • Порог минимальной яркости (как правило, этот параметр требуется увеличить).
  • Порог минимальной цветности U.
  • Порог минимальной цветности V (как правило, этот параметр требуется увеличить).

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

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

Зачем нужен задний фон при видеозвонке?

Задний фон при видеозвонке

С марта 2020 года мы все привыкли проводить деловые переговоры или встречаться с друзьями и семьей посредством видеозвонков. Но зачем нужен задний фон?

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

Пользовательские или виртуальные фоновые функции в настоящее время поддерживаются наиболее часто используемыми мессенджерами и программами:

  • Zoom
  • Skype
  • Teams
  • Google Meet и др.

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

Green Screen by Do Ink

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

Плюсы:

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

Минусы:

Грин Скрин от компании Do Ink платный и стоит 379 рублей

Интерфейс Green Screen

Как сделать более сложные изменения фона для видеозвонка?

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

Большинство из них — приложения для Windows, но также и для платформы Mac OS X, которая работает с подключенной обычной веб-камерой. Их можно использовать в сочетании с Zoom, Skype, Microsoft Teams, Google Meet, Webex и др., в которых можно удобно и быстро изменять фон видеозвонков. После установки программы, вы можете полностью удалить или размыть фон, добавить интересные эффекты или вместо этого разместить свои собственные изображения и даже слайд-шоу PowerPoint. Однако в большинстве программ более продвинутые функции доступны только в платной версии.

Если вам нужен более сложный задний фон, то стоит воспользоваться продвинутым фоновым редактированием при помощи Open Broadcaster Software (OBS). Это программа с открытым исходным кодом для потоковой передачи и записи с экранов компьютеров, которая понравится особенно опытным пользователям.

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

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

  • Включите ее в меню «Инструменты».
  • Затем запустите его с помощью кнопки внизу справа «Запустить виртуальную камеру».
  • Теперь вы можете изменить фон или настроить доступные параметры по мере необходимости.

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

Особенности оформления

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

  1. Качество. Сразу отметайте варианты, которые смазаны, неправильно кадрированы, нечеткие и так далее. Выбирайте те рисунки, которые не нужно растягивать до нужного размера, сжимать или обрезать.
  2. Полезная информация. В «безопасной» зоне предоставьте краткую, максимально сжатую рекламную информацию: профиль деятельности, контакты, логотип и так далее. Также в шапке можно размещать анонсы мероприятий, проводимые акции и скидки, выгодные предложения. Картинку изменять и редактировать при необходимости. Это очень удобно для продвижения сезонных товаров: пусть летом стоит картинка с футболками и купальниками из ассортимента вашего магазина, а зимой — со свитерами и куртками.
  3. Умеренность. Не стоит перебарщивать с яркими деталями и вообще с элементами. Это как раз тот случай, когда «чем проще — тем лучше». Ниже представлен не самый удачный пример.Однако в ряде случаев яркость может быть на руку — она позволяет выделиться из массы. Но опять же все должно быть в меру, как здесь:
  4. Соответствие тематике. Фон должен стопроцентно соответствовать направленности канала. Можно разместить продукты, результаты работы, логотип и так далее. Если вы тревел-блогер уместен будет океан и пляж, если продаете косметику — косметические новинки, рассказываете об автомобилях — разместите красивый авто.
  • Логотип. Хороший вариант, чтобы запомниться зрителю и выработать устойчивую ассоциацию с компанией.
  • Слоган. Еще хороший вариант — призыв к действию. С их помощью канал из безликого превратится в стильный ресурс.
  • Оборудование или команда. У вас современные цеха лучшие в городе? Профессионализму сотрудников завидуют конкуренты? Тогда отличным решением будет разместить работников и используемую технику.
  • Выполненные заказы. Отберите самую лучшую свою работу и поместите ее на баннер. Тогда фоновая картинка будет инструментом по привлечению новых потребителей.

Делаем задний фон на видео

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

Первый шаг: Откройте редактор

Если Иншот уже установлен на ваше устройство, то вы его найдёте в меню приложений. Узнать программу можно по иконке с красным фоном и белым рисунком объектива. Ткните на неё.

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

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

Второй шаг: Добавьте бэкграунд

В панели инструментов необходимо найти функцию под названием «Задний фон».
Значок имеет вид полосатого квадрата. Нажмите на него.

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

Оно автоматически появится позади клипа. Чтобы фон стал более заметным, немного уменьшите основной ролик. А ещё, вы можете выбрать размытость на свой вкус.

Третий шаг: Сохраните полученный результат

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

Далее повторно нажмите на надпись «Сохранить», дождитесь окончания конвертации и заливайте клип в сеть.

Как сделать эффект хромакей: постобработка

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

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

Шаг 1. Запустите программу. В стартовом меню кликните по кнопке «Хромакей». Загрузите в рабочую область ролик, который хотите отредактировать. Не забывайте, что это видео должно быть снято на одноцветном фоне! В противном случае заменить
задний план попросту не получится.

Шаг 2. Добавьте новый фон. После софт предложит загрузить файл, который в дальнейшем выступит в качестве новой подложки. Это может быть любое видео или изображение с ПК.

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

Шаг 4. Настройте процесс соединения слоев. Вы почти узнали, как самому сделать хромакей — осталось только скорректировать положение видео. Вы можете сдвинуть его влево, вправо, вниз или вверх, а ещё увеличить или уменьшить. Если вокруг вырезанной
фигуры виден удаленный ранее зеленый фон, то поэкспериментируйте с параметрами «Допуск» и «Смешивание» на панели слева.

Шаг 5. Улучшите материал. Фон заменен! ВидеоМОНТАЖ — это еще и удобная программа для нарезки видео! Дальше при желании вы можете скорректировать длительность, обрезав из видео лишние сцены в начале и конце: просто обозначьте с помощью черных маркеров новые границы и нажмите «Далее». Программа автоматически
сохранит внесенные изменения.

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

Шаг 6. Сохраните видео. Вы смогли сделать домашний хромакей, осталось только экспортировать обработанный материал из программы удобным вам способом. Вы можете создать HD-видео или ролик в формате AVI, подготовить видеофайл для просмотра с
экранов телефонов и плееров или адаптировать его для загрузки на популярные видеохостинги: YouTube, Яндекс.Видео, Vimeo и другие.

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

Теперь вы знаете, как убрать зелёный фон и заменить его на любой другой. Воспользуйтесь полученными знаниями на практике и смонтируйте качественный фильм с голливудскими эффектами прямо у себя дома!

Подход на чистом CSS

Создайте HTML5-видео:

<video playsinline autoplay muted loop poster="polina.jpg" id="bgvid">
    <source src="polina.webm" type="video/webm">
    <source src="polina.mp4" type="video/mp4">
</video>

Важно: порядок видеофайлов имеет значение. В браузере Google Chrome есть ошибка, из-за которой он не может автоматически воспроизводить видео в формате .webm, если оно идет после чего-либо еще

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

Приведенный ниже код позволяет сделать видео полноэкранным:

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; 
}

Устаревшие версии браузеров не распознают видео форматы, но узнают тег <video>. Специально для этих браузеров мы создаем элемент background-image, используя ту же картинку-заполнитель.

На данном этапе только браузер Safari (мобильный и настольный) требует webkit-префикса поставщика для преобразований, поэтому он был включен в код.

Вам не нужно убираться дома перед видеозвонком: установите фальшивый фон в Zoom

Фальшивый фон в Zoom

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

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

По умолчанию доступно пять видов виртуальных фонов — три обычных цветных стены и два движущихся рисунка в виде видео, которое предварительно нужно установить себе на ПК, нажав кнопку «Скачать».

  • Если вы не выбираете или хотите добавить собственное изображение или видео (например, из фотографий), то используйте кнопку «плюс», она находится справа. Выберите нужный файл, и он появится в качестве фона и данная функция одновременно добавит его в библиотеку по умолчанию.
  • Еще одна интересная вкладка с видеофильтрами позволяет добавлять эффекты — изменение цвета или добавление света, в стиле Instagram.

Ниже, на той же странице, вы найдете кнопку «Отразить мое видео», которая показывает изображение уже на экране.  С помощью кнопки «Studio Effects» вы попадаете в бета-версию функции, с помощью которой вы можете изменять цвет губ, корректировать брови и другие линии на лице.

Как сделать, поменять фон в Скайпе при видеозвонке: инструкция

Фальшивый фон в Скайпе при видеозвонке

Еще один мессенджер, который пользуется популярностью — это Скайп. Мы часто звоним с его помощью своим друзьям, коллегам по работе или проводим видеоконференции. Как сделать, поменять фон в Скайпе при видеозвонке? Вот инструкция:

  • Откройте Skype и щелкните значок своего профиля.
  • В открывшемся меню нажмите «Настройки».
  • Выберите вкладку «Аудио и видео» слева. Здесь вы увидите пять виртуальных фонов. Остальные расположены под «тремя точками». На данный момент их 20.
  • Вы также можете добавить свой фон в Skype. Просто щелкните значок «+» в разделе «Мой фон», Эти окна вы найдете также под «тремя точками».

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

Подытожим

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

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

Интеграция доступности

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

<button id="vidpause">Pause</button>

Для браузеров, в которых включен параметр доступности Prefers Reduced Motion (в настоящее время Safari 10.1), добавьте скрипт в нижнюю часть страницы:

var vid = document.getElementById("bgvid"),
pauseButton = document.getElementById("vidpause");
if (window.matchMedia('(prefers-reduced-motion)').matches) {
    vid.removeAttribute("autoplay");
    vid.pause();
    pauseButton.innerHTML = "Paused";
}

По умолчанию для этих пользователей видео будет приостановлено.

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

function vidFade() {
    vid.classList.add("stopfade");
}
vid.addEventListener('ended', function() {
    // используется только, если "цикл" отключен 
     vid.pause();
	// чтобы охватить IE10
	vidFade();
});
pauseButton.addEventListener("click", function() {
    vid.classList.toggle("stopfade");
	if (vid.paused) {
vid.play();
		pauseButton.innerHTML = "Pause";
	} else {
        vid.pause();
        pauseButton.innerHTML = "Paused";
	}
})

JavaScript добавляет несколько строк кода CSS (для простоты префиксы поставщиков не указаны):

video#bgvid {
    transition: 1s opacity;
}
.stopfade { opacity: .5; }

Также нужно написать CSS для скрытия кнопки на мобильных устройствах. Иначе она будет отображаться на iPhone с iOS 9 или ниже.

Как создать и поменять фон YouTube канала

Первым делом заходим к себе в аккаунта на сайте www.youtube.com, далее выбираем «Мой канал» и перед вами появится главная страница канала.

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

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

Сервис Ютуб рекомендует, чтобы размер фонового изображение был 2560 х 1440, а размер не превышал 2 Мб.

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

По центру мы видим область (1546 x 423), которая на любых экранах устройств остается неизменной, сюда относятся также и мобильные телефоны, все остальные части картинки будут не видны.

Для компьютеров будет видна часть размером 2560 x 423

Для планшетов будет видна часть размером 1855 x 423

Полностью изображение покажется только на телевизорах с соотношением сторон 16:9 (2560 x 1440).

Из этого следует, что при создании фонового изображение для YouTube, название канала и все значимые элементы нужно располагать в области, размер которой относится к части 1546 x 423.

Ниже предлагаю посмотреть мое видео, которое поможет вам самостоятельно создать фоновую картинку для Ютуб в программе Фотошоп.

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

Я думаю, что это смешные деньги для уникального, брендового изображения. Лично я сам пошел этим вариантам и заказал фон для своего канала на YouTube у фрилансера. Так что скоро у меня канал преобразится до неузнаваемости.

Идем дальше…

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

Для этого нажимаем на синий квадратик, что показан на фото ниже.

Должно появится сообщение, что значок на канале привязан к значку в социальной сети Google+.

Все что вам надо этой зайти в аккаунт Google+ и поменять там аватарку. Через несколько минут она изменится и на Ютуб канале.

Тоже самое касается и названия канал, если в аккаунте Google+ поменять название, то оно изменится и у самого канала.

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

Green Screen Studio

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

Плюсы:

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

Минусы:

Нет дополнительных функций для исправления клипов.

Интерфейс Green Screen Studio

Установка видео с YouTube на background сайта:

Все, что помечено «не обязательно» — не обязательно (Капитан Очевидность 🙂 )

3. Подключаем стили

<link rel="stylesheet" href="css/normalize.css" media="all">
<link rel="stylesheet" href="css/style.css" media="all">

4. Подключаем скрипты

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/device.min.js"></script>
<script src="js/jquery.mb.YTPlayer.js"></script>
<script src="js/custom.js"></script>

4а. Подключаем красивый шрифт «Lato» (не обязательно)

Если вы хотите, чтобы у Вас был такой же шрифт, как в «демо», то подключаем красивый шрифт «Lato» от Google. 

<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic|Raleway:400,200,300,500,700,600,800,900' rel='stylesheet' type='text/css'>

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

4b. Подключаем иконки Font Awesome (не обязательно)

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

5а. Если Вам нужно все то, что есть в «демо», то код будет такой: (не обязательно)

    <section class="big-background">
        <a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=8WDccXyPxWk',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1}"></a>

        <div class="pattern"></div>
            <div class="big-background-container">
                    <h1 class="big-background-title">YOUTUBE</h1>
                    <div class="divider"></div>
                    <h1 id="colorize">VIDEO BACKGROUND</h1>
                    <a href="http://bayguzin.ru" class="big-background-btn">от bayguzin.ru</a>
            </div>                                                   
    </section>
   

    <div class="wrapper">

    <section class="about-section">

                <div class="about-section-container">
                    <h2 class="about-section-title">USE A COOL YOUTUBE VIDEO BACKGROUND</h2>
                    <p>Wondering how you might add a video background on your site? <br/>It's so easy! Introducing jQuery MB.YTPlayer, a jQuery plugin that enables you to display Youtube videos on your webpages. <br/>It's so awesome that it can transform your Youtube video into an HTML background at ease! No slow server loading time!</p>
                    <a href="http://bayguzin.ru" target="_blank" class="about-section-btn">Check it here</a>
                </div>

    </section>
           

     <section class="small-background-section">
     <div class="pattern"></div>
                    <div class="small-background-container">
                        <h2 class="small-background-title"><span>Find us on social media</span></h2>
                         <ul class="socials">
                        <li><a href="" target="_blank"><i class="fa fa-facebook-square fa-3x"></i></a></li>
                        <li><a href="" target="_blank"><i class="fa fa-twitter-square fa-3x"></i></a></li>
                        <li><a href="" target="_blank"><i class="fa fa-google-plus-square fa-3x"></i></a></li>

                        </ul>
                    </div>
    </section>

</div>

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector