You are not logged in.

SOLVED Displaying a video sequence in a VR autotour / Limitview is not working

_Matthias_

Beginner

  • "_Matthias_" started this thread

Posts: 16

  • Send private message

1

Saturday, January 19th 2019, 3:27pm

SOLVED Displaying a video sequence in a VR autotour / Limitview is not working

Hello fellow Panisti,
I have just recently signed up as I've for the first time ran into trouble implementing my ideas using krpano.
The task at hand is as follows:
A
tour is to be created, which will run offline on an Android device. The
whole tour is to be viewed via a head mounted display (VR) and changes
scenes using delayedcaqll() automatically. The tour consists of
panoramic images and 'flat' videos.
To achieve this I am running a webserver on the android device, built the tour and started modding the XML file.
The resulting problem is as follows:
In
VR mode the tour seems to ignore whatever I try to limit view. Thus the
viewer can turn away from the running vieo and will be presented with
the background color of the videoscenes. Obviously I want the users FOV
and lookat limited such that the video being displayed will always cover
the entire FOV and no borders or blank screens will show, even if the
user tries to look to the side.
I have been
busy experimenting with the XML elements <image> and <view>,
to no avail thus far. I can either get the video to be displayed split
screen as desired in VR mode, or get it to default to

standard display mode.
In the following I will outline what I have roughly been experimenting with:
in the <krpano> element there is scenes along the lines of this:
<scene name="video1" title="video1">
<plugin name="video1"
url.flash=""
url.html5="videoplayer.js"
videourl="video/video1.mp4"
posterurl=""
align="center" x="0" y="0"
panovideo="false"
pausedonstart="false"
loop="false"
volume="1.0"
onvideoready=""
onvideoplay=""
onvideopaused=""
onvideocomplete=""
onerror=""
width="500"
height="prop"
/>
<image hfov="90" vfov="90" stereo="false" stereoformat="">
<cylinder url="plugin:video1" />
</image>
<view hlookat="0"
vlookat="0"
limitview="lookat"
maxpixelzoom="1.0"
/>

</scene>
Of course this scene is followed by the necessary <action> to make it change to the next scene automatically.
I have been heavily experimenting with lookat, lookatmin, lookatmax,
limitview and so on. Also tried image, layer, container, hotspot...
cube, sphere, cylinder ... and what not.
I hope anyone can
help shed some light on this as it seems I can not work it out, other
than dreaming up ressource intensive workarounds.
Im glad to have joined here and thank all of you in advance.

Matthias
Update:

I will next experiment with https://www.krpano.com/plugins/webvr/#headtracking
More:
The current testing device is a ZTE android device (with full gyro) as I have not got an Oculus Go, as I plan on using, yet.

Webserver is KSWEB.
Update: Added 'SOLVED' to title.

This post has been edited 3 times, last edit by "_Matthias_" (Jan 21st 2019, 5:06pm)

_Matthias_

Beginner

  • "_Matthias_" started this thread

Posts: 16

  • Send private message

2

Monday, January 21st 2019, 5:05pm

Solved

Thanks to Klaus' timely answer via mail the issue was solved quicker than I thought.
The XML element <hotspot> in conjunction with the flying="1.0" attribute did the trick.
I have reduced my XML file to bare minimum to rule out all other sources of error and it works like a charm !

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

<krpano version="1.19" title="Virtual Tour" debugmode="true" onstart="showlog(true)">

	<include url="skin/vtourskin.xml"/>

	<skin_settings maps="false"
	           	maps_type="google"
	           	maps_bing_api_key=""
	           	maps_google_api_key=""
	           	maps_zoombuttons="false"
	           	gyro="true"
	           	webvr="true"
	           	webvr_gyro_keeplookingdirection="false"
	           	webvr_prev_next_hotspots="true"
	           	littleplanetintro="false"
	           	title="true"
	           	thumbs="true"
	           	thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
	           	thumbs_opened="false"
	           	thumbs_text="false"
	           	thumbs_dragging="true"
	           	thumbs_onhoverscrolling="false"
	           	thumbs_scrollbuttons="false"
	           	thumbs_scrollindicator="false"
	           	thumbs_loop="false"
	           	tooltips_buttons="false"
	           	tooltips_thumbs="false"
	           	tooltips_hotspots="false"
	           	tooltips_mapspots="false"
	           	deeplinking="false"
	           	loadscene_flags="MERGE"
	           	loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
	           	loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
	           	loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
	           	loadingtext="loading..."
	           	layout_width="100%"
	           	layout_maxwidth="814"
	           	controlbar_width="-24"
	           	controlbar_height="40"
	           	controlbar_offset="20"
	           	controlbar_offset_closed="-40"
	           	controlbar_overlap.no-fractionalscaling="10"
	           	controlbar_overlap.fractionalscaling="0"
	           	design_skin_images="vtourskin.png"
	           	design_bgcolor="0x2D3E50"
	           	design_bgalpha="0.8"
	           	design_bgborder="0"
	           	design_bgroundedge="1"
	           	design_bgshadow="0 4 10 0x000000 0.3"
	           	design_thumbborder_bgborder="3 0xFFFFFF 1.0"
	           	design_thumbborder_padding="2"
	           	design_thumbborder_bgroundedge="0"
	           	design_text_css="color:#FFFFFF; font-family:Arial;"
	           	design_text_shadow="1"
	/>

	<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="video" title="video" >

		<hotspot 	name="video1"
				url="plugins/videoplayer.js"
				videourl="video/video.mp4"
   		   		flying="1.0" 
   			 
   		
    	/>
<!-- This setting interpolates automatically the ath/atv and scale values to the current viewing values. The value range is from 0.0 to 1.0. At 1.0 the hotspot image will be locked always to the middle toscreen and it's size will be relative to 1000 pixel in screen height. -->


</scene>

</krpano>


Thank you Klaus !
Update: Added comment in code

This post has been edited 3 times, last edit by "_Matthias_" (Jan 21st 2019, 5:24pm)

Similar threads