Архив рубрики: Видео

С месяц назад начал неспешное изучение Adobe After Effects

Удивительное дело — программа при фантастических возможностях достаточно легка в осваивании — лично мне она напоминает работу с анимационным .gif в Photoshop. Проблема только во времени, которого как всегда не хватает на изучение всех возможностей. А пока — пример того, что можно сделать за несколько часов. И да — я только учусь 🙂

Анимация для Facebook

Наконец-то свершилось чудо: Facebook разрешил использование анимированных gif-картинок на страницах. Попробуем разобраться с методикой создания gif-анимации и ее размещения на Facebook.

1. Создание gif-анимации. Наиболее оптимальным методом создания является использование ресурса https://gifs.com. Заходим на него и видим строку, в которую нужно ввести адрес расположенного на Youtube видео:

Gift добавление видео

Вводим адрес и нажимаем Create GIF, после чего открывается возможность указания начала и конца ролика:

Gift начало и конец ролика

Start time — указываем начало ролика
Duration — указываем продолжительность ролика

после чего нажимаем кнопку Create GIF.

Через некоторое время мы переходим на страницу, где имеется:
— готовая GIF-анимация
— ссылка на готовый файл
— готовый код для вставки видео на ваш сайт

ready-gif-animation

Пример готового видео:

Теперь разберемся со вставкой готового анимированyого видео на Facebook. Но на самом деле это просто 😉 Facebook без проблем возьмет ваше видео и разместит его в анимированном виде. Главное, что бы сам файл анимации находился не на серверах Facebook. Просто вставляете ссылку на анимацию в свою запись и … радуетесь 😉

Как всегда — в случае возникновения вопросов пишите: oleksiy@lavrynenko.com

 

Как сохранить видео с сайта Instagram

Сервис Instagram, несмотря на свою демократичность — весьма закрытая для посторонних приложений структура. И если для Facebook, VK, или Odnoklassniki имеется ряд приложений, позволяющих значительно упростить работу с сетями (включая не только управление несколькими аккаунтами параллельно, но и загрузка-закачка нужного контента), то с Instagram все не просто. Идеология компании — максимальная закрытость 🙁

Еще две недели назад в работе отлично демонстрировал себя пакет Gramblr, доступный по ссылке. С его помощью можно было весьма удобно загружать фотографии в нужный аккаунт Istagram, добавлять тексты и теги. Однако, две недели назад все изменилось — очередной пакет обновлений, и приложение начало стабильно падать. В настоящее время лично я использую следующую связку: обработка фотографии в Photoshop, OneDrive и размещение фото с помощью приложения Instagram на телефоне, однако надеюсь, что разработчики Gramblr исправят баги, и можно будет вернуться к работе с ним — уж очень оно удобное. Кстати, в обновлении заложена возможность автоматизированного постинга материалов по заданному расписанию, что среди бесплатных приложений — огромная редкость (единственное решение, если быть точным). Рассматривать платные решения в данном материале я не буду.

Но вернемся к тематике поста: как сохранить видео с сайта Instagram? Бывает же такое — нашли что-то, а как сохранить — не понятно.

Подсказываю: работаем с исходным кодом сайта (как это чаще всего бывает).
В качестве примера рассмотрим официальную страницу компании Dior, которая совсем недавно провела обалденный показ в Париже, с использование живых цветов. Кстати, на возведение этой конструкции понадобилось около 300 часов работы, но сейчас не об этом.

Итак, алгоритм следующий:
1. Заходим на страницу Dior: https://instagram.com/dior/
2. Выбираем нужное нам видео. В качестве примера я вот это:
выбранное видео dior
3. Кликаем по видео, запустив тем самым воспроизведение.
4. Открываем исходный код элемента (либо клик правой кнопкой мыши, либо нажимаем сочетание клавиш CTRL+Shift+I)
5. В открывшемся коде ищем класс -cx-PRIVATE-DeclarativeVideo__video:
Класс видео
ссылка, расположенная после «src=» — ваша 😉 В данном случае она имеет следующий адрес: https://scontent-mrs1-1.cdninstagram.com/hphotos-xfa1/t50.2886-16/12128768_1649579481992416_932341299_n.mp4
6. На всякий случай подсказываю: сохранить видео, расположенное по этому адресу очень удобно и быстро можно с помощью приложения Download Master. Вещь старенькая, регулярно обновляемая, и весьма удобная.

Как всегда — в случае возникновения вопросов — милости просим на почту. А по ссылке ниже вы можете посмотреть видео — то самое, тестовое, демонстрирующее подготовку показа Dior. Очень и очень интересно.