close panorama

Examples


krpano Panoramic Video Support Version 1.18
for Flash and HTML5
Select Version:

krpano 1.18 is the first version with HTML5 Panoramic Video support. View the demonstration examples here or download and try the new viewer with your own panoramic videos.
  • The krpano viewer also has the possibility to use videos as panoramic images.
  • The video itself will be loaded and controlled by the krpano videoplayer plugin and then projected as pano image by the krpano viewer. Technically and from usage-perspective there is no difference to a normal panoramic image.

Here some Panoramic-Video Examples

Select the video server (try changing the server when the loading is slow)

Dubai, United Arab Emirates
Video provided by www.airpano.com

360 Grad MIX 4
Video provided by www.360-grad-video.com

Alter Hof / Marienplatz
Video provided by virtualsurfers.com

19890 / Köln
Video provided by www.e-rent.de

XML Usage Example

The minimum krpano xml structure to play a panoramic video:
<krpano>

    <!-- include the videoplayer plugin -->
    <plugin name="video"
            url.flash="videoplayer.swf"
            url.html5="videoplayer.js"
            videourl="video.mp4|video.webm"
            />

    <!-- define the pano image and refer to the videoplayer plugin -->
    <image>
        <sphere url="plugin:video" />
    </image>

</krpano>

Implementation Details

  • The video file itself will be loaded, played and controlled by the krpano videoplayer plugin.
  • The krpano viewer only shows / display the video frame.
  • The assignment for the videoplayer plugin to the pano image will be done by the special pano url syntax:
    <image>
    <sphere url="plugin:name-of-the-videoplayer-plugin-element" />
    </image>
  • The pano image can be a <sphere> or <cylinder> image (cubical are not possible).
    Partial-panos can be defined by using the hfov, vfov and voffset settings.
  • The video can be controlled by using the plugin actions from the videoplayer plugin. Example - to play dynamically an other video call:
    plugin[video].playvideo('video2.mp4|video2.webm');
  • An user-interface for controlling the video can be implemented with the krpano xml / action / js interfaces. An advanced videointerface skin is included in the download package (in the 'examples/videointerface/' folder).