About HD View SL
HD View SL is a Silverlight application for viewing large, stitched panoramic images in a variety of formats -- especially those created by Microsoft Image Composite Editor. HD View SL relies on Silverlight's "Deep Zoom" features to enable smooth panning and zooming.New:
HD View SL is now capable of viewing KML PhotoOverlays and Zoomify images, in addition to Deep Zoom and HD View XML files. To preview files in these formats and embed HD View SL in your blog or web page, see our HD View Preview page
.Try HD View SL
We have several goals in sharing the source of HD View SL with the community:
- Improve the panorama viewer.
- Encourage customization of the panorama viewer.
- Help developers learn about and understand Silverlight.
Creating Panoramic Images
You can use a wide variety of programs to stitch a panoramic image together from several overlapping photos. HD View SL is designed to be used with panoramic images created by Microsoft Image Composite Editor
(also known as ICE). Once you provide ICE with a set of overlapping photos, the program will automatically align them and blend them into a seamless panorama. You can adjust the projection surface and orientation, then export to a variety of formats. When you tell ICE to export an image in the Deep Zoom tileset format, it will produce the image tiles as well as a web page for viewing the panorama; the Silverlight application used within that web page is HD View SL.
You can also use our HD View Photoshop Plugin
to create image tiles for use with HD View SL. Once you've installed the plugin, you can export from Photoshop to HD View SL by selecting "HD View & Deep Zoom..." from the File:Export menu and choosing "Silverlight Deep Zoom" as the output type.
Viewing Panoramic Images
There are several ways to view a panoramic image. QuickTime VR, for example, displays images by projecting them onto the interior of a 3D cylinder or cube. By contrast, HD View
projects images onto a surface that morphs from a cylinder or sphere into a flat plane, depending how far you zoom out. This technique provides perspective-correct rendering (so straight lines don't appear warped) when you zoom in, but still permits you to see the whole image when you zoom out.
HD View SL is a Silverlight-based alternative to the original HD View browser plug-in. Here's a summary of the differences between the two viewers:
| || HD View || HD View SL |
| rendering technology || DirectX || Silverlight |
| operating system || Microsoft Windows || Microsoft Windows or Mac OS |
| browser || IE or Firefox || IE, Firefox, or Safari |
| supported formats || HD View XML, KML, Zoomify XML, Deep Zoom XML, single JPEG || HD View XML, KML, Zoomify XML, Deep Zoom XML |
| projection || cylindrical, spherical, or fisheye (3D) || orthographic (2D), with wrapping for 360-degree panoramas |
| color correction || yes || no |
| tone mapping || yes || no |
| hardware acceleration || yes || no |
| open source || no || yes |
While HD View provides better rendering and faster performance, HD View SL is available to a broader set of users and can be customized.
Building HD View SL
The current version of HD View SL works with the released version of Silverlight 2. To build the project, you'll need to have the usual tools for Silverlight 2 development, available from the Silverlight Get Started
- Visual Studio 2008 SP1 or Visual Web Developer Express with SP1
- Silverlight Tools for Visual Studio 2008 SP1
- optionally, Expression Blend 2 SP1
Note that after you download the source code for HD View SL and open the solution file in Visual Studio, you will need to indicate which project and web page to use when running or debugging the application. This is accomplished in two steps:
- Right-click on the HDViewSLWeb project and select "Set as StartUp Project".
- Within the HDViewSLWeb project, Right-click on Examples.html and select "Set As Start Page".
Pressing F5 (Start Debugging) should now launch a local web server, start your default web browser, and display the examples web page.
Testing HD View SL
HD View SL has been tested using the officially released version of Silverlight 2 and the following configurations:
- Windows Vista SP1 and Internet Explorer 8.0.6001.18783
- Windows Vista SP1 and Firefox 3.5
- Windows Vista SP1 and Chrome 220.127.116.11
- Windows Vista SP1 and Opera 9.64
- Windows Vista SP1 and Safari 4.0 (530.17)
- Mac OS X (10.5.7) and Safari 4.0.1 (5530.18)
- Mac OS X (10.5.7) and Firefox 3.5
- Mac OS X (10.5.7) and Opera 9.64
- Mac OS X (10.5.7) and Camino 1.6.8
HD View SL is capable of opening images in five different ways:
| HTML || XML || image tiles |
| from a web server || HD View XML embedded in the HTML || from a web server |
| from a web server || HD View XML from a web server || from a web server |
| from a web server || Deep Zoom XML from a web server || from a web server |
| from a local file || HD View XML embedded in the HTML || from local files |
| from a local file || Deep Zoom XML from a local file (same folder) || from local files |
The first three techniques are tested by Examples.html in the Development\HDViewSLWeb project, which must be launched from a web server (typically, by debugging from Visual Studio). These examples fetch high-resolution image tiles that are stored on the research.microsoft.com web server. The last two techniques are tested by Examples.html in the LocalTest folder, which must be launched directly from the local disk after copying the latest HDViewSL.xap to that folder. The image tiles for these tests are included in the LocalTest folder, but only low-resolution tiles are provided in order to reduce the storage requirements.