Анимация для 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

 

Ошибка в WordPress: Warning: Cannot modify header information

Как всегда неожиданно на одном из сайтов, созданных на базе WordPress всплыла ошибка:

Warning: Cannot modify header information — headers already sent by (output started at /servername/public_html/wp-config.php:1) in /servername/public_html/wp-includes/pluggable.php on line 1207

Ковыряние в Гугле привело к следующему решению: проблема лежит в ошибке кодировке файла. Ну бывает такое — правил файл-правил, а потом бах, и сохранил либо не в UTF-8. Наиболее правильным (для начала) будет открыть Notepad++ и открыв искомый файл (перед этим его нужно слить на локальный компьютер с хостинга) пересохранить в UTF-8 без BOM. В Notepad++ это делается следующим образом: верхнее меню — Кодировки — Преобразовать в UTF-8 без BOM, после чего сохранить файл.
notepad-bom

Закачиваем файл на сервер, и (скорее всего) — ошибка пропадает.

Как всегда — в случае возникновения вопросов — пожалуйста, пишите на почту 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. Очень и очень интересно.

С гордостью узнал, что мой блог от начала и до конца прочитан …

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

Сегодня начну с вечной книги Алана Пиза «Язык телодвижений». Что удивляет в этой книге — суммарный тираж в более, чем 100 миллионов экземпляров, а количество языков на которые она была переведена — 36. Косвенно это говорит о том, что психология не имеет границ — как языковых, так и географических.

Однозначно — must have! )))

Автоматизированное распознавание простой капчи с помощью Google Docs

По роду деятельности не часто, но сталкиваюсь с капчами. Из-за больших объемов работы многие процессы автоматизированы, среди которых и распознавание капчи — эта стадия осуществляется с помощью сервиса Antigate, который достаточно стабильно работает, и отличается низкой ценой.
Однако на днях попалась интересная новость (ну как новость — с опозданием на пару месяцев) о том, что сервис Google Docs распознает текст, который загоняется на сервис с виде картинок или pdf-документов. Сразу же возникла мысль использования ресурсов Google автоматизированного для распознавания капчи.
Алгоритм работы, осуществляемый в режиме он-лайн в браузере представляется следующим:

1. В процессе работы наталкиваемся на капчу
2. Получаем капчу в виде графического файла с расширением, которое поддерживается сервисом Google Docs. В настоящее время это форматы .jpg, .png, .gif размером не более 2-х мегабайт. Учитывая, что речь идет о капче — лимит размера загружаемой картинки нас не особо волнует.
3. Открываем новую вкладку
3. В ней загружаем картинку на сервис
4. Открываем картинку в виде текстового файла внутри сервиса
5. Получаем данные в виде готового текста
6. Закрываем вкладку с распознанной капчей
7. Используем результат распознавания в работе

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

В результате 10 экспериментов, проведенных по описанной выше схеме (в качестве рабочего решения для тестирования использовался блок, написанный на Zennoposter), установлено, что Google без проблем справляется с простыми числовыми капчами, но практически бесполезен при распознавании капчи, представленной на картинке ниже (верхняя часть — капча — нижняя часть — результат распознавания):
Распознавание капчи с помощью Google Docs

Итог эксперимента прост: продолжаем использовать Antigate далее. 1 бакс за 1000 распознанных капч — вполне нормальная цена, а многопоточность — никто не отменял.

 

SMM, PR, WEB