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: 9937
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 1802 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 1802 times

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

3.png
3.png (27.84 KiB) Viewed 1802 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 1802 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 1802 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 29 times
Post Reply