krpano从普通视频到全景视频的切换

艾楚儿 2018-4-28 krpano特效 0 喜欢 (1)

[摘要]这是一个由平面视频切换到全景视频的案例，在播放完平面视频后自动切换，请耐心观看完毕才会切换哦。

tour.XML文件

<krpano logkey="true">

	<include url="videoplayer.xml" />
	

	
	<set var="device.ie" val="true" if="device.mac AND (device.safariversion GE '11.0.2')" />

	<!-- startup action - load the first scene -->
	<action name="startup" autorun="onstart">
		if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
		loadscene(get(startscene), null, MERGE);
		if(startactions !== null, startactions() );
	</action>

	
	<scene name="scene_1" title="a1" onstart=""  >
		<preview type="grid(cube,64,64,512,0x666666,0x222222,0x222222);" details="16"/>
		<view hlookat="0" />
		
		<hotspot name="spot1" type="text" ath="0" atv="0" html="CLICK ME" css="color:#ffffff" bgcolor="0x336699" padding="4 10" onclick="MakeFlatVdo" />
	</scene>

	<scene name="scene_2" title="video360"  onstart="ChangeVideoScene(ski);" >
		<view hlookat="0" vlookat="0" fov="90" fovmin="60" fovmax="110" limitview="on" />
			<image>
			  <sphere url="plugin:video" />
		</image>	
	</scene>
	
	<layer name="flat_bg" type="container" keep="true" width="100%" height="100%" autoalpha="true" alpha="0" bgcolor="0x333333" bgalpha="1" zorder="50" />
	
</krpano>

if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );

loadscene(get(startscene), null, MERGE);

if(startactions !== null, startactions() );

</action>

</scene>

<image>

</image>

</scene>

</krpano>

videoplayer.xml文件

<krpano>

	<plugin name="video" preload="true"
		keep="true"
		url="plugins/videoplayer.js"
		videourl=""
		posterurl=""
		align="center" x="0" y="-10"
		pausedonstart="false"
		loop="false"
		volume="1.0"
		onvideoready=""
		onvideoplay=""
		onvideopaused=""
		onvideocomplete=""
		onerror=""
		zorder="60"	
		panovideo="false"
		autoresume="true"	
		/>

	<events name="flattvdosize" keep="true" onresize="FlatVideoSize" />
	<action name="FlatVideoSize">
		set(_vdoscale, calc:stagewidth / stageheight);
		if(_vdoscale LT 1.78,
			set(layer[video], width=80%, height=prop);
		,	
			set(layer[video], height=80%, width=prop);
		
		);
	</action>
	
	<action name="ChangeVideoScene" devices="desktop"> 
			set(plugin[video].posterurl, calc:'video/%1-2k-poster.jpg');
			plugin[video].playvideo(video/%1-2k.mp4|video/%1-2k.webm);
	</action>	
	
	
	<action name="MakeFlatVdo">
		tween(layer[flat_bg].alpha,0.8,1);
		plugin[video].playvideo(video/videoflat.mp4);
		set(plugin[video].onvideocomplete, Video360());
	</action>	

	
	<action name="Video360">
		tween(layer[flat_bg].alpha,0,1);
		set(plugin[video].panovideo,true);
		set(events[flattvdosize].onresize, );
		loadscene(scene_2);
		delayedcall(1, 
			set(plugin[video].onvideocomplete, 
					plugin[video].stop();
					loadscene(scene_1);
					set(hotspot[spot1].visible,0);
					
					delayedcall(0.5,
						MakeFlatVdo();
						set(plugin[video],panovideo=false, zorder=60,alpha=1,visible=true,align=center,x=0,y=-10);
						set(events[flattvdosize].onresize, FlatVideoSize());
					);
			);
		);
	</action>
	
</krpano>

<plugin name="video" preload="true"

keep="true"

url="plugins/videoplayer.js"

videourl=""

posterurl=""

align="center" x="0" y="-10"

pausedonstart="false"

loop="false"

volume="1.0"

onvideoready=""

onvideoplay=""

onvideopaused=""

onvideocomplete=""

onerror=""

zorder="60"

panovideo="false"

autoresume="true"

set(_vdoscale, calc:stagewidth / stageheight);

if(_vdoscale LT 1.78,

set(layer[video], width=80%, height=prop);

set(layer[video], height=80%, width=prop);

);

</action>

set(plugin[video].posterurl, calc:'video/%1-2k-poster.jpg');

plugin[video].playvideo(video/%1-2k.mp4|video/%1-2k.webm);

</action>

tween(layer[flat_bg].alpha,0.8,1);

plugin[video].playvideo(video/videoflat.mp4);

set(plugin[video].onvideocomplete, Video360());

</action>

tween(layer[flat_bg].alpha,0,1);

set(plugin[video].panovideo,true);

set(events[flattvdosize].onresize, );

loadscene(scene_2);

delayedcall(1,

set(plugin[video].onvideocomplete,

plugin[video].stop();

loadscene(scene_1);

set(hotspot[spot1].visible,0);

delayedcall(0.5,

MakeFlatVdo();

set(plugin[video],panovideo=false, zorder=60,alpha=1,visible=true,align=center,x=0,y=-10);

set(events[flattvdosize].onresize, FlatVideoSize());

);

</action>

</krpano>

㊣以上文章内容来自用户投稿，本站只提供信息分享发布平台，其观点和说法不代表本站立场。如果上传的内容有异议，请及时通知我们处理。

下一篇>> threejs实现全景图浏览和热点添加

上一篇>> krpano全景视频漫游-场景跳转-热点添加

标签：krpano 全景视频特效

艾楚儿30篇文章站点微博

发表评论

您必须 [ 登录 ] 才能发表留言！

热门标签

krpano从普通视频到全景视频的切换

tour.XML文件

videoplayer.xml文件

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们

热门标签

krpano从普通视频到全景视频的切换

tour.XML文件

videoplayer.xml文件

QooCam 8K360度全景运动相机VR高清户外防抖vlog相机摄像机

krpano1.20.7修正版本发布

krpano实现转到特定角度出现图片案例[非会员文章]

公告栏

everpano-3D软件漫游制作

请加客服QQ号（2973828267）

关注我们