How to use Point Hotspot Video Components with Polygon Hotspots

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 10865
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Tue Mar 03, 2020 9:13 pm

One of the questions we get asked is can you use the Point Hotspot popup components with Polygon Hotspots.

Let's look at the YouTube video component.
First, you need the YouTube Video URL, in this example, I am using a video of the "Blue Danube".
The URL is:

Code: Select all

https://youtu.be/lQ0fKOpow14
Add the Polygon Hotspot to your panorama.
All that is needed for a YouTube video is the actual video ID which is:

Code: Select all

lQ0fKOpow14
In the below screenshot please see 1, it is placed in the Description text field.

1.png
1.png (26.26 KiB) Viewed 3127 times

So the Skin knows this Polygon will open a YouTube video I have changed the ID to "YT" (YouTube). This ID will be used in the skin. The ID can be anything you want but I am using YT.

As you can see setting up the Polygon Hotspot is quite straightforward and you can add as many YouTube Polygon Hotspots as you want, just make sure they all use the same ID, YT.
In fact, the attached project has two YouTube videos.

In the skin add a container.
For this project, I am using the skin ID "YouTube" for the container.
Then add the YouTube component.

2.png
2.png (32.16 KiB) Viewed 3127 times

Select the Point Hotspot Template, ht_video_youtube, and copy its actions:

3.png
3.png (27.84 KiB) Viewed 3127 times

Paste them into the container, YouTube.
The Hotspot Template can now be deleted.

The Set Value action need to be edited:

4.png
4.png (34.78 KiB) Viewed 3127 times

The placeholder needs to be changed from $(hu) to $(hd).

The last thing to do is set up the Hotspot Proxy ID so the container, YouTube, links to the Polygon Hotspot.
This sounds complicated but all this means is you enter the Polygon Hotspots ID into the Hotspot Proxy ID text field of the container.

5.png
5.png (17.84 KiB) Viewed 3127 times

What this means is when the Polygon Hotspot is clicked all the actions in the container will be actioned.
This is similar to the other Video components, with the path to the video in the description text field.
Regards,
Hopki
Attachments
YouTubePolyHotspot.zip
(2.44 MiB) Downloaded 105 times
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
SAlbert
Posts: 1
Joined: Fri Mar 06, 2020 9:36 am

Tue Apr 14, 2020 10:41 pm

Thanks very much!

Could you add the possibility to display an image lightbox with the use of a polygon Hotspot?

I have a gallery show, where I would like to give the viewer the possibility to open the wall images additionally in a lightbox, but do not want to show an icon next to each image, therefore the polygon hotspot would be great.
It would be really great if there would be an easy way to do this.

Thanks!
User avatar
Hopki
Gnome
Posts: 10865
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Wed Apr 15, 2020 8:37 pm

Hi,
You can build a lightbox clone type thing in the skin editor.
Have a look at this post: viewtopic.php?f=22&t=11216#p45957
Regards,
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply