Архив метки: эксперимент

Как сохранить звук с Youtube

Привет всем!
Сегодня мы познакомимся с интересным сервисом http://peggo.co, позволяющем сохранить звук из ролика, размещенного на Youtube в файл .mp3

Начнем!
1. Открываем ссылку на сайт
2. Видим вот такое окно:
peggo
3. В белое поле вставляем ссылку на интересующий нас ролик (для примера я взял вот этот клип 🙂 https://www.youtube.com/watch?v=I5ZBr3-3lPc)
4. И наблюдаем вот такую картину:
peggo-work
Как видно — мы можем выбрать точку начала записи и конец. После этого кликаем «Record mp3» и сохраняем файл к себе в компьютер.
5. Радуемся 🙂

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

И в самом конце — сам клип, да 🙂

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

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

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

trkmat-alpha

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

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

adobe-after-affect-glass

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

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

Пакетная загрузка файлов с помощью Zennoposter

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

? 🙂 Сказано — сделано!
Интересным ресурсом для донорства песен в мой IPod оказался сайт http://savok.name/, посвященный пройденным этапам истории. Выбор песен неплох, но возможности пакетной закачки на сайте — не предусмотрено 🙁

На помощь приходит Zennoposter — я писал о нем ранее, и все же повторюсь — совершенно уникальная программа, позволяющая автоматизировать все происходящее в браузере. Итак, задача проста:
1. Находим ссылку на файл
2. Активируем ее
3. Сохраняем файл на компьютер
4. Переходим к первому пункту

Посмотрев структуру сохранения файлов на указанном сайте видно, что она использует статический параметр: http://savok.name/uploads/music/, а вот имя файла имеет численное значение. Учитывая, что наша задача — сохранение всей базы песен — это только облегчает нашу задачу.

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

sound-downloader-1-1

Итак, рассмотрим общую схему работы загрузчика подробнее:
1. Устанавливаем начальное значение переменной.
2. Их созданного списка, куда мы поместили статическое значение ссылки http://savok.name/uploads/music/ получаем эту самую ссылку в виде переменной.
3. Указываем адрес на диске, куда будем сохранять скачанные файлы
4. Формируем GET-запрос в виде: {-Variable.file-}{-Variable.count-}.mp3, где {-Variable.file-} — переменная, имеющая значение http://savok.name/uploads/music/, а {-Variable.count-} — значение счетчика, mp3 — расширение файла, которое не меняется.
5. Выдается уведомление о сохранении файла
6. Увеличиваем значение счетчика на 1.
7. Возвращаемся на пункт 1.

Таким образом наша программка обращается к ссылке http://savok.name/uploads/music/1.mp3, сохраняет ее, увеличивает значение счетчика на единицу, после чего сохраняет второй файл и далее-далее-далее. На самом деле схема достаточно гибкая. Ничто не мешает нам парсить оригинальное имя файла, и грузить его 🙂

На этом все.

Спасибо за внимание! В случае возникновения вопросов — пишите: 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