А АFriday, 3 August 2012

Flash или HTML5 Stereo Viewer - ваш выбор

   Пару недель назад говорили про стерео режимы в сервисе youtube. Но любители экзотики желают показывать свои фотографии в стерео режиме тоже. И пользуются этим не первый год. Какие же есть варианты ?
 
Не первый год пользуется популярностью бесплатный Flash Stereo Viewer. Он построен на флеш и просто встраивается на ваш сайт или блог. Прежде всего он хорош тем что поддерживает даже режимы при которых не нужны никакие специальные очки. Поддерживаются следующие режимы просмотра стерео:

  • Wiggle - стереоанимация, в которой положением курсора можно выбирать ось, вокруг которой изображение будет качаться
  • Para - режим отображения стереопары для параллельного просмотра, при котором точка сведения глаз находится за плоскостью экрана
  • Cross - режим отображения стереопары для перекрёстного просмотра, при котором точка сведения глаз находится перед плоскостью экрана
  • Mirror - режим отображения стереопары для просмотра с помощью обычного зеркала
  • C_Area - цветной анаглиф, при котором некоторые цвета неприятно рябят из-за цветных стёкол очков
  • H_Area - цветной полутоновый анаглиф, при котором насыщенность цветов уменьшается для сокращения неприятного эффекта
  • Dubois - анаглифный режим по умолчанию, при котором цвета оптимизируются и приглушаются лишь цвета, дающие неприятный эффект при просмотре
  • BY_Ana - режим просмотра для сине-желтых анаглифных очков (предыдущие режимы для более распространённых, красно-синих).
  • Int - для горизонтального чрезстрочного просмотра. Нужны спец очки.
  • Rint - для вертикального чрезстрочного просмотра. Нужны спец очки.
Разумеется ваши фотографии должны быть предварительно подготовлены как левая и правая пара. Работу Flash Stereo Viewer можно глянуть здесь.
 


   Однако Flash Stereo Viewer не работает в iOS.  Поэтому Юрий Голубинский решил исправить этот недостаток. Получился некий HTML5 Stereo Viewer с использованием javascript. Картинки для HTML5 Stereo Viewer берутся скриптом прямо с вашей web странички. Чтобы выделить картинки, которые должны быть в слайдшоу, им нужно назначить определённый class, его значение зависит от типа картинки:
  • anaglyph - готовый анаглиф, будет демонстрироваться без изменений
  • flat - плоская картинка с одним ракурсом, будет демонстрироваться без изменений
  • stereoLR - картинка содержит стерео пару, то есть два вида – для левого и правого глаз. Левая часть для левого глаза
  • stereoRL - картинка содержит стерео пару, то есть два вида – для левого и правого глаз. Левая часть для правого глаза
  • stereo - тип картинки определяется последним параметром в функции stereoViewerOpen
  • Параметры функции stereoViewerOpen позволяют задать начальное состояние слайдшоу:
  • Mode - начальные режим [стерео] (0..8). По умолчанию: 5. Юзер может изменить этот параметр нажав соответствующую цифру на клавиатуре или в Настройках
  • Swap - поменять левую и правую картинки местами (true, false). Рекомендуемое значение: false. Попробуйте не использовать этот параметр, так как он может ввести пользователя в заблуждение – устанавливайте корректные значения для class. Юзер может изменить этот параметр в Настройках
  • BGColor - цвет фона (0,1,2) Чёрный, Серый или Белый соответственно. Юзер может изменить этот параметр в Настройках
  • Caption - показывать подписи (true, false). Юзер может изменить этот параметр в Настройках
  • CaptionSrc - источник для подписи картинок (“alt”, “title”). Юзер не может изменить этот параметр. Выберите заранее “alt” или “title” в тэге img и поместите туда описания для каждой картинки
  • Type - тип тех картинок, для которых class=”stereo” (“anaglyph”, “flat”, “stereoLR”, “stereoRL”, “”). Пустая строка означает “stereoRL”
 Работу HTML5 Stereo Viewer можно глянуть здесь. К сожалению он не работает в Internet Explorer.
 

    Какой из них выбрать? Мне больше по душе первый, легко встроить, наглядный функционал.
Второй имеет прозрачный код и работает на iPad и iPhone. Исходя из ваших потребностей выбор за вами.

1 comment:

urix said...

По поводу "легко встроить" я бы поспорил: для Flash Stereo Viewer нужно создавать отдельный файл со списком картинок. А для HTML5 Stereo Viewer нужно всего лишь дописать класс к нужным картинкам. Последний не подходит только для ситуаций, когда всех нужных картинок нет на одной страничке.

Post a Comment

А что вы думаете по этому поводу?

Версия на печать

Популярное

Медиа облако