Audio Narration with sound icon

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
imme
Posts: 53
Joined: Thu Oct 22, 2015 5:05 pm

Audio Narration with sound icon

Post by imme » Sat Jul 02, 2016 1:54 pm

hi,

I am trying to add audio narration in a virtual tour. I have to add audio narration to highlight multiple areas within each 360 panorama. For example in each one of 360 panorama within a tour, I have to add audio narration to tell history of important parts of 360 pano with a sound icon. Using media i cant do it.

I have attached a screenshot. I had merged a sound icon into equirect image than add a area hotspot on sound icon and call audio via a button from skin using "Hotspot proxy ID" button has action mouse click > play/pause media. Audio runs fine but when i switch to other panorama than audio still keeps playing.

is there any better way of adding audio narration to highlight areas within a single 360 panorama?

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

Re: Audio Narration with sound icon

Post by Hopki » Sun Jul 03, 2016 1:27 pm

HI imme,
Reading your post I first want to understand why you are using a hotspot image but then using an area hotspot to activate the sound.
Do I understand you have added the sound icon to the panorama image then draw a area hotspot around it?

I think just adding point hotspots with images that people will know to click may be simpler.
Please find attached a Pano2VR 5 Pro skin.

The audio clips have been added to the first panorama in viewer sound mode.
Each clip has its own ID, clip_1 and clip_2.
Set to static mode and loop -1. This is so the sound does not start as soon as the pano opens.

Change to viewer to point hotspot mode.
You will see all audio hotspots will use the hotspot template with the ID: ht_narration.
The navigation hotspots will use the hotspot template in the skin: ht_node.
Each hotspot has it sown title and the ID of the sound that should be played is entered in the hotspot description.

In the skin you will see two point hotspot templates, ht_node and ht_narration.
Each template is set up and has actions to do the task it is designed for.

ht_node:
This has the actions to change the node and stop the narration. The source and action I'm using here is: mouse down to stop the audio $hd.
This is because a mouse click activates the action when the button is released, so a mouse down will be activated BEFORE a click.
As you will still be in the same panorama on mouse down you can stop the sound that is playing in that node.
1.jpg
1.jpg (39.31 KiB) Viewed 1752 times
ht_narration:
This doe not have any action in the template but instead they are in the individual button elements.
This is because on click I hide the cutest button element and show another, so start and stop the narration.
You will see in the below picture that the sound to be played has the placeholder $hd,Hotspot Description.
If you remember this is where entered the ID of the audio clip that should be played.
2.jpg
2.jpg (46.72 KiB) Viewed 1752 times
You will see that on click it not only played the audio clip but also hides itself and shows the stop audio button element.


The close button has the actions to stop the audio clip as well as hide itself and show the play button.
3.jpg
3.jpg (46.45 KiB) Viewed 1752 times
So you will be able to play and stop audio clips from the audio hotspot but also if a clip is still playing and you change nodes the action in the ht_node template will also stop the audio clip.
Regards,
Hopki
Attachments
narration_hotspots.zip
(390.78 KiB) Downloaded 108 times

imme
Posts: 53
Joined: Thu Oct 22, 2015 5:05 pm

Re: Audio Narration with sound icon

Post by imme » Mon Jul 04, 2016 11:46 am

Hi Hopki,

Thanks for an enlightening reply. This is exactly what I needed.
Do I understand you have added the sound icon to the panorama image then draw a area hotspot around it?
Yes, I was trying to hardcode sound icon into panorama image and than adding an area hotspot. But the Use of hotspot template is an excellent way of doing this task. Thanks a lot.

I have to add 2-3 sound hotspot icons within a one single panorama image to highlight importance of different areas in a single panorama image. I have added more sound hotspots. Sounds are stopped when i click on point hotspot and move to next panorama. But when I switch from one sound hotspot to another, sound does not stop (in a single panorama). Both sounds keep running at the same time. How sound can be stopped within one single panorama?
Attachments
sound.jpg
sound.jpg (29.48 KiB) Viewed 1742 times

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

Re: Audio Narration with sound icon

Post by Hopki » Mon Jul 04, 2016 4:59 pm

Hi imme,
Please see attached skin.
What I have done here is removed the stop sound button graphic and added a mouse leave stop sound.
This means you have to have your mouse over the hotspot to listen to the sound once clicked, one you leave it will stop.

What Im trying to avoid is using the _main sound channel as you may want background sound and you done want that to be effected by this.
Regards,
Hopki
Attachments
popup.ggsk
(5.66 KiB) Downloaded 85 times

User avatar
Tony
Posts: 788
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Audio Narration with sound icon

Post by Tony » Sun Mar 12, 2017 4:17 am

Hi Hopki,

I've been spending some time getting up to speed with V5 and I've been using these wonderful skin examples you have uploaded to the forums.

That said I'm having a bit of an issue with the narration_hotsposts sample and I'm hoping you can clear it up for me. I haven't changed anything, simply unzipped the file and built the output.

Here's the issue I'm experiencing ad the output from the zip http://tonyredhead.photography/p2vr/narration-hotspots/

1. Open the tour
2. Mouse Click on Audio Clip One - the icon toggles to the stop version and the audio plays
3. Either click to stop it or let it play all the way through
3. Mouse click on the pano_2 hotspot
4. Mouse click on the Audio Clip two - the icon toggles to the stop version but the audio doesn't play
5. Mouse click on the Audio Clip two to toggle it back to the play version
6. Mouse click on the Audio Clip two a second time - the icon toggles to the stop version and now the audio plays
7. Now when you go back and forward the audio plays perfectly on both nodes

Built on Pano2VR Version 5.1 beta pro 64bit Cocoa, testing on iMac OS X El Capitan Version 10.11.5, Safari Version 9.1.1 (11601.6.17), MacBook Air macOS Sierra Version 10.12.3, iPad Air Safari, Samsung Galaxy Tab - Chrome.

cheers,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

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

Re: Audio Narration with sound icon

Post by Hopki » Tue Mar 14, 2017 5:08 pm

Hi Tony,
Can you try again on the file release of 5.1 as may bugs were fixed.
Regards,
Hopki

User avatar
Tony
Posts: 788
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Audio Narration with sound icon

Post by Tony » Tue Mar 14, 2017 11:26 pm

Hi Hopki,

Rebuilt the project out of 5.2 and it works perfectly. Great bug squashing going on :D

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

Post Reply

Who is online

Users browsing this forum: No registered users and 8 guests