Starcode Twitter

Виджет для smotri.com. Хоть обсмотрись!

дата: 26.04.10
категория: AJAX, BuyFrame, JavaScript
тэги: , , , ,
комментариев: (0)
  • Digg
  • Facebook
  • Twitter

Некоторое время назад мы опубликовали статью, где рассказали и показали как можно уместить интернет-магазин внутри баннера. Получив большое количество отзывов и убедившись в том, что идея достаточно интересная, мы решили пойти дальше — создать виджет для видеохостинга, который и хотим представить на строгий суд общественности.

Почему именно видеохостинг?

Прежде всего нам хотелось сделать виджет для сервиса, которым пользуется большое количество людей (а у smotri.com больше 4 000 000 зарегистрированных пользователей).
Также не маловажную роль сыграло то, что smotri.com предоставляет своё API для всех желающих, так что мы без особого труда подключились к их БД посредством протокола JSON-RPC. Мы приняли решение, что сервис должен быть направлен на российскую аудиторию, просто потому что мы патриоты и для youtube сделаем в следующий раз. И наконец — нам хотелось сделать что-нибудь действительно крутое, полезное, интересное и необычное. Насколько у нас получилось судить вам.

Виджет в студию!

Ссылка на виджет
Итак, основной функционал виджета:
  • поиск роликов по ключевому слову;
  • поиск по категории с возможностью фильтрации и сортировки;
  • поиск по тэгу, автору;
  • возможность просмотра более полной информации о ролике;
  • просмотр ролика без ухода на сайт smotri.com;
  • возможность отправить сообщение разработчикам (нам).

Виджет ищет ролики по всей базе данных smotri.com, ограничения открытого API налагаются только на количество отдаваемых в ответе элементов. Вы можете разместить этот виджет у себя на сайте или в блоге, вот его код:
<script src=″http://www.smotri.buyframe.ru/packed/js/player.js″ ></script>

Технические характеристики виджета:
Размеры: 240х400px
Вес: 42Кб
Формат обмена данными: JSON-RPC
Формат размещения: <script> (с подгружаемым iframe)

Основныe страницы виджета:


Главная страница.
Она же является результатами поиска. Здесь же есть форма для быстрого поиска по ключевому слову.

Форма поиска.
Можно выбрать категорию, параметры фильтрации и сортировки видео.

Страница ролика.
Более подробная информация о ролике. Если нажать на «Смотреть!», ролик появится во всплывающем окошке.

О баннере.
Можете написать нам письмо, заполнив форму обратной связи.

Что дальше?

В планах развития виджета на данный момент присутствуют следующие пункты:

  • добавление трансляций в виджет (главная фишка smotri.com);
  • разработка виджета формата 400х400px с расширенным функционалом;
  • добавление персонализации в виджет, чтобы каждый зарегистрированный пользователь smotri.com мог опубликовать свои видеоролики у себя на сайте или в блоге. Создание сервиса по раздаче таких виджетов;
  • разработка приложения для vkontakte в котором можно будет привязать свой аккаунт со smotri.com и показывать свои видео;
  • разработка виджета для youtube со схожим функционалом.

Гладко было на бумаге, да забыли про овраги

К сожалению сейчас виджет работает медленно и нестабильно, так как работа сервера api.smotri.com оставляет желать лучшего. Надеемся ситуация исправится в ближайшее время.

P.S. Этот виджет мы реализовали в рамках проекта BuyFrame.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">