Территория блога : Live Labs

Silverlight / Обзор элемента PivotViewer для Silverlight

СильверРобот — Mon, 05 Jul 2010 06:39:00 GMT

любителям ЧМ-2010 посвящается

Не так давно я уже писал о выходе в свет браузера данных Pivot. На днях вышла его версия для Silverlight — PivtoViewer. В этой статье я постараюсь дать небольшой обзор технологии.

PivotViewer представляет собой silverlight-реализацию браузера Pivot, представленного достаточно давно лабораторией Live Labs. Для представления возможностей браузера посмотрите следующее видео:

Читать дальше →

Оригинал: Silverlight / Обзор элемента PivotViewer для Silverlight

Photosynth сильверлайтнулся - 2

Константин — Fri, 24 Apr 2009 18:40:00 GMT

Наконец-то, добрался до этой замечательной новости :)

Шаг назад, два вперед

Итак, Photosynth становится ближе к людям — Silverlight-проигрыватель становится основным — а, значит, кроссплатформенность выходит на первый план.

DirectX-проигрыватель остался, но становится вторичным (под окном просмотра синта есть соответствующая ссылка).

Использование Silverligh-проигравателя (по сравнению с DirectX) может показаться шагом назад с точки зрения производительности, скорости отрисовки и частоты кадров. Впрочем, над этой проблемой разработчики активно работают, а вот преимущества на лицо.

Первый шаг вперед — доступность проигрывателя не-win-пользователям. Безусловно, это весьма важный шаг, думаю, Mac-пользователи будут рады.

Кроме того, если нужно вставить проигрыватель на свою страницу, то теперь используется именно silverlight-проигрыватель, что тоже плюс.

Кстати, интерфейс проигрывателя тоже немного обновился, как видно на скриншоте выше. Разработчики учли пожелания пользователей и разместили элементы управления внизу по центру.

Второй шаг вперед — новая функциональность Synth Highlights, позволяющая среди всего того объема фотографий, которые вы сняли, чтобы сделать синт выделить несколько лучших.

Выделенные фотографии выводятся списком превьюшек на панели справа от окна просмотра.

Для редактирования выберите опцию Edit Synth and Highlights. Откроется режим редактирования синта (кстати, обратите внимание, что это Silverlight-приложение):

Чтобы отметить какую-то фотографию, выберите ее в проигрывателе (в 3d или 2d-режиме), нажмите Add Highlight, введите заголовок и подпись к изображению. Если отмеченных фотографий несколько, можно менять их порядок.

После сохранения отмеченные фоторгафии будут доступны на панели Highlights.

Хочется отметить также тот факт, что переход с одной фотографии на другую при этом анимирован, то есть проигрыватель перемещает камеру по некоторому пути, а не просто перескакивает. Попробуйте сами.

И напоследок, теперь можно загружать синты, не делая их публично доступными.

Оригинал: Photosynth сильверлайтнулся - 2

Seadragon

Константин — Tue, 23 Dec 2008 17:50:00 GMT

Изменить масштаб – увидеть детали или наоборот охватить всю картину сразу – задача из разряда повседневных. Применительно к изображениям, с этой задачей замечательно справляется детище Live Labs – технология Seadragon, уже реализованная, в виде DeepZoom для Silverlight (см. также пост Silverlight Viewer для Photosynth), Seadradon Ajax на JavaScript, Seadragon Mobile для iPhone (см. также пост Seadragon выходит на мобильники!) и, конечно, Photosynth.

Условно, реализацию Seadragon можно разделить на две части – предварительную обработку и собственно отображение.

Предварительная обработка – подготовка изображений, включающая разбиение на тайлы заданного размера и построение пирамиды изображений

На выходе получается пара xml-файлов и набор папок со сгенерированными изображениями, примерно такой

Получить таккую коллекцию можно с помощью DeepZoomComposer или PhotoZoom. Аналогичная коллекция генерится при создании синтов для Photosynth, впрочем, об этом как-нибудь в другой раз.

Если для композиции используется несколько изображений, то существуют два варианта их обработки

как единой композиции – в этом случае исходные изображения объединяются в одно большое изображение,
как коллекции изображений – в этом случае каждое исходное изображение обрабатывается отдельно, а дальше они комбинируются и над ними можно проводить разные операции (фильтрафия, перемещение и т.д.). Хороший пример – известный проект Hard Rock Memorabilia, в рамках которого изорабжения можно фильтровать по артисту, периоду, месту и т.д.

Во втором случае структура папок выглядит немного сложнее: для каждого изображения тайлы генерятся отдельно + тайлы для превью каждого изображения + расширенные xml-файлы с описанием метаданных и описанием содержимого коллекции.

О том, как такие тайлы можно делать самостоятельно, я расскажу тоже “как-нибудь в другой раз”.

Отображение всего этого хозяйства – не менее важная часть.

Даже самая важная – это то, что видит пользователь!

Для качественного экспиренса (смайл!) нужно обеспечить нескольких вещей:

быструю подгрузку нового уровня (заодно – уменьшение трафика),
плавный переход от одного уровня к другому,
в случае коллекций – плавный переход от одного изображения к другому и манипуляция изображениями в коллекции.

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

Так как тайлы можно отображать сразу по мере подгрузки (даже если конкретный тайл загрузился не полностью, его уже можно начать показывать размытым), то в итоге получаются плавные переходы:

Какой-то принципиальной сложности в решении первой задачи нет: аналогичные проблемы решаются в картографических online-сервисах. В случае Seadragon существует несколько реализаций – для самых разных платформ: от Silverlight (DeepZoom) и DirectX (плагин для Photosynth), до JavaScript (Seadragon Ajax) и iPhone (Seadragon Mobile)… есть даже реализация на Flash (sic!).

А вот с решением второй и третьей задач возникают сложности :) Во всяком случае, с JavaScript и браузерным рендерингом изображений это не так просто (если вообще возможно), как хотелось бы.

Собственно, о реализации Seadragon для JavaScript и будет следующий пост. Следите за обновлениями ;)

Оригинал: Seadragon

Seadragon выходит на мобильники!

Константин — Mon, 15 Dec 2008 11:23:00 GMT

Буквально вчера я писал о том, что появился вьювер фотосинтов на Silverlight. А Photosynth и DeepZoom, как известно, базируются на технологии Seadragon.

А теперь уже можно баловаться просмотром коллекций фотосинта (двумерными) на мобильниках! Что интересно, это не Windows Mobile, это iPhone!

Коллекции можно готовить как с помощью Deep Zoom Composer, так и с помощью PhotoZoom. Также можно просматривать коллекции (свои и чужие), размещенные на Photosynth.

Приложение бесплатно доступно в iTunes App Store.

Небольшое демонстрационное видео:

Оригинал: Seadragon выходит на мобильники!

Silverlight Viewer для Photosynth

Константин — Sat, 13 Dec 2008 20:11:00 GMT

Я надеюсь, все уже успели проникнуться фотосинтом, возможно, кто-то даже попробовал сделать свой собственный синт (благо это делается очень легко).

Несколько слов о том, на каких технологиях он основан, чтобы было понятно, причем тут Silverlight :)

В основе Photosynth лежит технология Seadragon, которая позволяет быстро просматривать огромные массивы информации, максимально экономя при этом трафик, то есть технология стабильно работает даже на каналах с низкой пропускной способностью. Что важно, переход от одной части изображения (или коллекции изображений) к другой осуществляется плавно, без резких скачков, сдвигов, переходов и т.д.

В настоящее время существует несколько реализаций Seadragon. Наверное, самая известная из них — это DeepZoom в Silverlight (а самый известный пример — это, конечно, проект Memorabilia HardRock Cafe).

Вторая реализация Seadragon — это как раз плагин Photosynth для IE или Firefox, необходимый для просмотра фотосинтов.

Наконец, еще одна реализация — это недавно объявленный Seadragon Ajax, который частично (работает не так плавно, нет поддержки коллекций) реализует функционал DeepZoom, но не требует плагина Silverlight.

В чем разница между DeepZoom и Photosynth?

Если технология DeepZoom в Silverlight работает с двумерными объектами и вместе с Silverlight приобретает не только кроссбраузерность, но и кроссплатформенность, то плагин Photosynth, с одной стороны, уже ворочает фотографии в 3D-пространстве, а с другой, делает это, используя DirectX, а значит, работает в Windows — и о кроссплатформенности речи не идет.

Теперь стоит задуматься над тем, что… а как бы было хорошо, если бы в Silverlight была поддержка 3D и туда можно было “запихнуть” Photosynth. Но, как известно, в Silverlight 2 встроенной поддержки 3D нет, зато она обещана в третьей версии.

Известно, впрочем, и другое… если поддержки 3D нет, ее всегда можно реализовать программно, например, так, как это сделано в Kit3D.

Осталось взять Kit3D, добавить DeepZoom, подключить коллекции от Photosynth и получить — думаю, по заголовку уже все догадались — получить штуку для просмотра фотосинтов, работающую на Silverlight.

Неплохо для экспериментального проекта? Думаю, что, когда выйдет Silverlight 3 с поддержкой 3D, будет еще круче :)

Оригинал: Silverlight Viewer для Photosynth