Tutorial: Polygon Hotspots with Audio

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

I've just published a new “Little Bit's” tutorial, Polygon Hotspots with Audio, that shows how to attach multiple audio files, to individual Polygon Hotspots. https://tonyredhead.com/pano2vr-little- ... spot-audio

Update 15 November: I have included a sample blank.mp3 file in a new Tutorial Folder and added instructions below to include it in the project. This file will be used with Safari (on the desktop). Please download the tutorial folder again.

The audio files play when the mouse enters the hotspot and stop when the mouse leaves the hotspot. Each hotspot includes a thumbnail text description, styled using Google Fonts and there is an initial splash screen prompting the viewer to ‘Click to Start’ allowing us to trigger the sound in the browser.

polygon_audio_38.jpg
polygon_audio_38.jpg (453.8 KiB) Viewed 1704 times

The tutorial comes with a folder of files you can use to recreate the final output.

Here is the finished project, https://p2vr.s3-ap-southeast-2.amazonaw ... index.html

Once again feedback and comments are appreciated and welcomed.

Tony
Last edited by Tony on Fri Nov 15, 2019 4:01 am, edited 2 times in total.
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

Yes, that is a great audio demo. Thanks

© 2109 ? or 2019 ?
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

© 2109 ? or 2019 ?
Must have been forward planning :lol: Fixed now :-)
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Post Reply