krpano 渲染全景视频

使用krpano渲染全景视频,可渲染不同分辨率的视频。使用的krpano版本为1.19

  1. index.html
<div id="pano" style="width:100%;height:100%;">
  <noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
  <script>
	embedpano({xml:"video.xml", target:"pano", passQueryParameters:"startscene,startlookat"});
  </script>
</div>
  1. video.xml
<krpano>
    <action name="startup" autorun="onstart">
        if(device.panovideosupport == false,
        error('Sorry, but panoramic videos are not supported by your current browser!');
        ,
        loadscene(videopano);
        );
    </action>

    <scene name="videopano">
        <include url="skin/videointerface.xml" />
        <!--                videourl="model/test.mp4"-->
        <!-- include the videoplayer plugin -->
        <plugin name="video"
                url="%VIEWER%/plugins/videoplayer.js"
                pausedonstart="true"
                loop="true"
                volume="1.0"
                onloaded="add_video_sources();"
        />

        <image>
            <sphere url="plugin:video" />
        </image>

        <view hlookat="0" vlookat="0" fovtype="DFOV" fov="130" fovmin="75" fovmax="150" distortion="0.0" />
        <action name="add_video_sources" >
            videointerface_addsource('1920x960', 'model/test.mp4', 'model/001.png');
            videointerface_play('1920x960');
        </action>
    </scene>
</krpano>

你可能感兴趣的:(前端)