Direct Node Access with Pan/Tilt/FoV

[Hopki]

Hi,
Here is a nice little project that has a two node project using Direct Node Access (DNA).
You will see an HTML page in the main project folder, this has three frames that uses DNA to open the start node (node1) but each has a different starting view as set by the extra parameters.

So after the node, #node1, it is then followed by a comma then the Pan, Tilt and FoV separated by a comma.
Regards,
Hopki

[PanoUser1]

Hello @Hopki,
Is there a way to go to a specific hotspot on a node with an external button on an html page?
So if i were to display a pano tour in an iframe, pressing the button would take me to node2 and then drop down a hotspot within the iframe to display a youtube video, or display a pdf file.
I know this is easy to do from the skin editor but trying to emulate the same behaviour from an external button on a HTML page. The idea is to create a webpage with links that control the pano tour ( eliminating the need to create a drop down and specific hotspots within the tour)
Thanks

[Tony]

Hi,

You can use a Javascript button and Direct Node Access to change the node and point to a specific location in the node. You can also use the Javascript API to create buttons that control the Pano2VR Player.

Here is an example with a number of buttons. The Home button takes you to the opening node in default position, the second button takes you to node 2 at a pan of 120 and a tilt of 30. The other buttons use the Javascript API to move the panorama.

https://p2vr.s3-ap-southeast-2.amazonaw ... index.html

Here's the code behind the second button;

In the index.html page I set a frame tag with an id "ifrm" that I reference in the button;

Code: Select all

<iframe name="ifrm" id="ifrm" src="iframe/iframed_new.html"></iframe>

Then I have a form that creates the button;

Code: Select all

<input name="button1" type="button" value="Open Node 2 at (120,30.0,0,0)"/>

Then in the script tag I have the Javascript code;

Code: Select all

	form.elements.button1.onclick = function() {
	// get reference to iframe window and then pass command
	var win = document.getElementById('ifrm').src = "iframe/iframed_new.html#node2,120.0,30.0,0"};

I'm not a Javascript programmer but I'm sure there is a way to expand on the actions with the buttons.

cheers,

Tony

[PanoUser1]

Thank you so much Tony.
Is it possible for the second button to go to a specific hotspot on a node and activate it? For instance if the hotspot is for a URL or displaying a PDF, on clicking the button it displays an iframe at the node with the hotspot activated.
Once again thanks for your response. And BTW thank you for all the info on your website, very informative.