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

Парсим Title, Description, Keywords с помощью Google Docs?

Парсим Title, Description, Keywords с помощью Google Docs

Привет всем!
Google Docs — интересная, и крайне многофункциональная технология, позволяющая работать не только с документами и таблицами.

В сегодняшнем уроке мы рассмотрим возможность использования Google Docs для парсинга Title, Description и Keywords с любого количества сайтов — совершенно бесплатно и достаточно быстро. Да, для этого можно использовать уже готовые разработки, но … почему бы не сделать свой собственный комбайн? 😉 Читать далее Парсим Title, Description, Keywords с помощью Google Docs?

Adobe After Effects CS6: прозрачные буквы

Несколько дней назад столкнулся с проблемой создания прозрачных букв в ролике — дабы получить плюс-минус то, что было подсмотрено в образце от компании Marvel:

К сожалению, все советы, которые выдавал Google заканчивались на использовании Альфа-канала в слое, который нужно вывести в прозрачность. Но тут, на самом деле — все просто — все упирается в один управляющий модуль TrkMat. На практике это выглядит так: предположим, что у вас есть некий ролик, на который нужно наложить буквы с получением прозрачного эффекта. Начальное состояние в проекте будет такое:

trkmat-alpha

Т.е. ролик в нижнем слое получает Альфа-прозрачность по отношению к тексту. В итоге мы видим, как отображение ролика происходит в буквах. Вроде как и все, но … Но … Пример итога вы можете посмотреть ниже:

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

adobe-after-affect-glass

Базовый ролик, к которому нужно привязать буквы с эффектом прозрачности запускается одновременно в двух слоях. Нижний слой используется для вывода потокового видео до момента, пока нам не понадобится проявлять буквы — и тут вступает в работу второй слой видео: постепенно убираем прозрачность первого слоя до 0%, второй слой оставляем в видимости 100%, но — не забываем в самом начале работы над проектом указать в свойствах TrkMat Альфа-канал на буквы (или векторную графику — это не имеет особой разницы). Именно благодаря работе двух слоев в итоге получается нечто вроде такого:

Надеюсь, несмотря на сумбурность потока мыслей логика работы ясна. В случае возникновения вопросов — пожалуйста, пишите на почту oleksiy@lavrynenko.com

С месяц назад начал неспешное изучение 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. Очень и очень интересно.