Posts by Morne

Any thoughts Tuur?

Quote from Tuur

Hi,

this is already possible as side effect with the 'moving hotspots' for 360 video...
I try to make a little example..

But when Klaus adds this great feature request, which has been asked for a few times over the years already i think to remember, will give also other possibilities.
Not sure about the resolution / result in that case.
Obviously it depends on how many things you want to move and the effect you want.. and so.. which will be the best option.

Klaus
.. mm.. so it will be possible, in the future, to have a multires pano and have a 360 video over it at the same time.. can we also turn the two separately then?
I try to imagine .. haha..

Tuur

Display More

for me, a use case would be have a static high res pano, but the sky has moving clouds from an alpha 360 video. Also, if for example the pano is en empty parking lot at a shopping centre or similar, I can have that static highres, and then 1 or 2 cars drive across the site in form of alpha 360 video. Hotpsots are usually smaller and dont cover the entire 360, therefore my question about full 360 video with alpha.

Quote from Tuur

Hi,

i'm unsure what you mean/want.
Willing to help, but i need to understand.

Do you mean that when you click on the side of the red cube, that it triggers the action, and when i hover the center that it shows the text?

??

Tuur

Hi Tuur

No I mean no clicking happens of the label. I mean when you pan around the pano, while the red cube is in the middle of the screen in view, it expands and open so you can see the text from the label. Then as you pan and the cube goes towards the edge of the browser screen, it contracts and closes the lable, so you'r left with only the cube again. So if you imagine a safe frame like in video production where logos or subtitles are close to the edge of frame, but not right on the edge. So basically the safe frame is about 10 to 20% from the edge. So while panning the pano, when cubes become in view, they stay closed until they enter the safe frame area, or middle of the screen so to speak, then they automatically close again when you pan more and they go outside the safe frame area

Tuur

How might I go about slightly adjusting your example, instead of expanding and contracting on a click, bur rather have a type of safe frame say 15% or 20% from edge of frame, and the label auto expands within this area, and contracts when outside that area?

Hi Klaus

Will it be possible to get the chroma key and/or side by side alpha for videos working on full 360 videos, and not just on hotspot videos?

That way we can have a traditional "static" pano at high quality, and overlay a lower res video with moving parts, masked out so it looks like things are moving around on the static pano...

Hi Guys

So the html div block here:
https://krpano.com/krpano.html?xm…side-krpano.xml

Can be pinch zoomed just fine on Android. However, on iOS with Safari 13.6.1 (or any safari version really), I can't pinch zoom that same html div block. Why is that?

Pinch Zoom works fine on any other site on iOS and Safari, but not on any of the html popup examples from KRPano.

I suspect it has something to do with this code:

function stopPropagation(e){ e.stopPropagation(); }
		function preventDefault(e){ e.preventDefault(); }


		// enable browsed-based mouse-wheel and touch-scrolling support:
		div.addEventListener("wheel", stopPropagation, true);
		div.addEventListener("mousewheel", stopPropagation, true);
		div.addEventListener("DOMMouseScroll", stopPropagation, true);
		div.addEventListener("touchstart", function(event){ if(krpano.device.ios && window.innerHeight == krpano.display.htmltarget.offsetHeight){ /* avoid the iOS 'overscrolling' for fullpage viewers */ var bs = document.body.parentNode.style; bs.position="fixed"; bs.top=0; bs.left=0; bs.right=0; bs.bottom=0; } krpano.control.preventTouchEvents = false; event.stopPropagation(); }, true);
		div.addEventListener("touchend", function(event){ krpano.control.preventTouchEvents = true; event.stopPropagation(); }, true);
		div.addEventListener("gesturestart", preventDefault, true);

After searching for hours. I found something that may be related. Somebody was asking why another page is not scrollable (nothing to do with KRpano), and the the answer was this:

document.addEventListener('touchmove', function (event) {
  if (event.scale !== 1) { event.preventDefault(); }
}, false);

So then my question is, for Safari, with this 2nd block of code above if I just reverse the logic like so and it then stick it into the 1st block of code, would that work?

document.addEventListener('touchmove', function (event) {
  if (event.scale !== 1) { event.preventDefault(); }
}, true);

I have a javascript plugin that I'd like to add to my tour.xml

How do I go about adding it in?

<!-- Core CSS file -->
<link rel="stylesheet" href="path/to/photoswipe.css"> 


<!-- Skin CSS file (styling of UI - buttons, caption, etc.)
<link rel="stylesheet" href="path/to/default-skin/default-skin.css"> 


<!-- Core JS file -->
<script src="path/to/photoswipe.min.js"></script> 


<!-- UI JS file -->
<script src="path/to/photoswipe-ui-default.min.js"></script>

Do I simply replace "link rel" and script tags with "include url"?

Quote from Tuur

Of course.. we all do.
But it is not that simple since flash is gone.
Maybe the example below is a bit of topic, but close .. in a way..
I made this in 2011 (flash)
https://www.virtualtuur.com/krpano/vector/3

And here is a recent version, without the wobbeling of the boat and sound (i think)
https://www.virtualtuur.com/krpano/vector/new/

2panos and a duck in between.
Was a fun experiment at that time..

Tuur

Display More

The 2nd newer versions is cool and looks like what I need. How did you manage to do it?

EDIT: Ah the boat is not actual pano, its hotspots with alpha. Nicely done!

Looking nice

Did you use any purchased plugins, or did you custom develop averything yourself?

3) so then for my loadscene, instead of this:

onvideocomplete="loadscene(scene_2K_0050,null,KEEPBASE|NOPREVIEW,BLEND(2))

I can just add keepview and add it like so:

onvideocomplete="loadscene(scene_2K_0050,null,,KEEPVIEW,KEEPBASE|NOPREVIEW,BLEND(2))

Then in my "scene_2K_0050" scen, do I remove the h and v lookat's that are currently set to 0, or the keepview from the previous one will overwrite this?

What if I do things the other way around and have the still image pano as the start scene, then via hotspot click to play the 360 pano scene. In that case can I autoplay the video scene, or again I will need to click twice? One time to click the hotspot, then when the scene loaded, I need to click again to play the video?

Hi Guys

I have a video as my 1st scene and the plugin tag looks like so:

<plugin name="video"
			url.html5="%SWFPATH%/plugins/videoplayer.js"
			posterurl="vids/2K_0000.jpg"
			videourl="vids/start.mp4"
			panovideo="true"
			loop="false"
			devices="panovideosupport"
			pausedonstart="false"
			onvideoready="play();"
			onvideocomplete="loadscene(scene_2K_0050,null,KEEPBASE|NOPREVIEW,BLEND(2))"
			/>

So a few things.

1) I can't get it to autoplay, no matter what I do. (This should also autoplay on mobile by the way)
The onvideoready doesnt do anything and doesnt play it when its ready for example. But I shouldnt need it, it should just play.
This example does autoplay, but I cant get mine to autoplay:
https://krpano.com/plugins/videoplayer/source/example.html

2) Then next, if I click on the video, then it plays. I had to in the vtourskin.xml comment out the "onvideocomplete" event, otherwise mine above did not work.

3) When it loads my new scene after the video ends, I want the lookat to be the same as whatever the angle was the video was turned to, and not reset to the default hlookat="0.0" vlookat="0.0"

Any comments would be greatly appreciated

Quote from klaus.krpano

Future versions / What's next

Better multi-resolution for depthmap-panos / 3D-models.
Depthmap improvements.
Build-in 3D-object support.

Is there a rough ETA for these?

nobody else needed something like this before?

Hi Guys

Is it possible to display 2 different panos at the same time, but use a 3rd pano as an alpha mask?

In other words almost like the Slider Example, but instead of a slider that adjusts the opacity of the one, I want to control the 2nd one with a BW image from a 3rd pano

I'm swopping my OS and Programs drive for a new drive (same pc, just new drive). Anything I need to do to my existing license before unpluggin the old drive, or do I just paste my codes into the interface when my new drive is formatted and up and running?

Ideally, would be good to just integrate PhotoSwipe in, but I have no idea where to even start to adjust the code as the image popup in these examples are called with html and javascript

https://photoswipe.com/

Quote from Scott Witte

Howdy Morne,

This thread may give you the answer or at least enough info to work out your solution.

https://krpano.com/forum/wbb/inde…&threadID=15195

Yes I did see that thread and I also linked to the example it referenced.

The problem is I'm not zooming on an image layer, I'm zooming on a popup. I've tried various things to modify the code but I can't make it work on an image popup.

I've also not seen a single example working for zooming an image popup, just like zooming Klaus's image, except in paid plugins.

Still cant get this to work

another bump please!

https://krpano.com/releases/1.20.…l-tour/tour.xml

From the examples page:

https://krpano.com/releases/1.20.…t-tour/main.xml

...and also a plugin that works with Everpano:
https://krpano.com/plugins/userpl…-navigator/#top