Всеми любимый сервис YouTube за 5 лет своего существования набрал бешеные обороты, и если верить статистике ежедневно на YouTube просматривается 2 миллиарда видеороликов, каждую минуту выкладывается 24 часа видео, на сервисе зарегистрировано больше 300 миллионов пользователей, а YouTube Embed Player присутствует на десятках миллионов веб-сайтов.
Но что делать пользователям YouTube, которые хотят выложить на своём сайте или в блоге не одно видео, а целый канал?
Некоторое время назад мы опубликовали статью, где рассказали и показали как можно уместить интернет-магазин внутри баннера. Получив большое количество отзывов и убедившись в том, что идея достаточно интересная, мы решили пойти дальше — создать виджет для видеохостинга, который и хотим представить на строгий суд общественности.
Прежде всего нам хотелось сделать виджет для сервиса, которым пользуется большое количество людей (а у smotri.com больше 4 000 000 зарегистрированных пользователей).
Также не маловажную роль сыграло то, что smotri.com предоставляет своё API для всех желающих, так что мы без особого труда подключились к их БД посредством протокола JSON-RPC. Мы приняли решение, что сервис должен быть направлен на российскую аудиторию, просто потому что мы патриоты и для youtube сделаем в следующий раз. И наконец — нам хотелось сделать что-нибудь действительно крутое, полезное, интересное и необычное. Насколько у нас получилось судить вам.
Все мы давно привыкли к рекламным баннерам на любимых нами сайтах. Некоторые из них скромно помигивают в углу страницы, другие же навязчиво предлагают нажать на них, внезапно появляясь в центре экрана и надоедая (да, именно надоедая) анимацией. Прошло время, когда красивые эффекты могли ввести пользователя в ступор и заставить кликнуть по рекламному объявлению, эффективность сисек и прочих сомнительных маркетинговых ходов тоже резко снизилась, ведь пользователи эволюционировали. Сейчас они кликают на баннере только если им действительно интересно то, что он продаёт.
В распоряжении веб-разработчиков находится масса технологий, с помощью которых были сделаны gmail, facebook и множество других замечательных сервисов, но почему до сих пор баннеры — это всего лишь электронная вывеска-замануха, и не более? Мы решили сделать баннер, который не просто завлекает на сайт, но сам продаёт.
Почти все уважающие себя веб – разработчики используют ООП, и JavaScript программисты не являются исключением. Для того, чтоб начать использовать ООП на JavaScript, достаточно прочитать какой-нибудь мануал на эту тему, либо воспользоваться одной из реализаций классов на JavaScript, но на наш взгляд основная проблема ООП на js не в том, что в нём как – то иначе работает полиморфизм, инкапсуляция или наследование, а в том, что описывать классы приходится через жопу несколько непривычным способом. С целью облегчения жизни простого программиста мы написали небольшую библиотеку _template.js (версия 0.1), которую и представляем на строгий суд общественности.
Нельзя сказать, что темой вращения картинок с помощью JavaScript никто не занимался. Для jQuery существуют как минимум 2 плагина –jquery.rotate и Wilq32.RotateImage, они работают почти кроссбраузерно и с помощью них можно даже сделать анимированный поворот изображения.
Вот как выглядит поворот картинки с помощью jquery.rotate:
$('#image').rotateRight(45);
