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. Исходя из ваших потребностей выбор за вами.