Continued problems addressing multiple elements on iPad

[KrisMaz]

This project has been sitting a few months due to revisions…
I tried Hopki's suggestion below to hide all hotspots when a user clicks a hotspot which brings up a pop-up info box. When they click to close the info box the audio stops and the hotspots reappear. This works fine in Flash, but the hotspots do not reappear with the same command in HTML5. Perhaps I am writing the command wrong?

Mouse Click > Show Element > Target: #1t|1at|1bt|1ct|1dt|2at|2bt|2ct|2dt
1t,1at,1bt,1ct,1dt,2at,2bt,2ct,2dt are the skin IDs.

launchfilm.com/mtvr/Lobby_1.html

Further puzzling me is that when you click the audio-off button when viewing from an iPad, it calls the proper page, but it keeps the functionality and buttons of the audio-on page. Any idea why this happening? Again, I’m not having the same problem in Flash.

Any suggestions would be most appreciated!!!
Kris



Re: Any resolve to Addressing Multiple Skin Elements in HTML5

Postby Hopki » Tue May 28, 2013 9:45 am
Hi Kris,
As a work around you can hide all point hotspots when you open a popup, then when you close the popup use a stop media _main to stop the narration as well as show the point hotspot. This will then stop other hotspots being pressed while a popup is open.

Or you can add a rectangle with its alpha set to 120 in the colour picker to act as a screen tint, this will also cover the other hotspot as well as having the advantage of bringing focus to the popup.
Regards,
Hopki

Any resolve to Addressing Multiple Skin Elements in HTML5?

Postby KrisMaz » Mon May 27, 2013 10:07 pm
I'm currently working on a project that has multiple narration audio files and have run into the same problems another user has experienced. The subject of the post that I’m referencing is “Addressing Multiple Skin Elements in HTML5”. I followed the exchange through to the end and searched around for similar posts and didn’t find a solution. The best I could do was to have the “Mouse Enter” action pause the “_main” audio. It works fine on my desktop, but initially fails on my iPad unless I am quite deliberate in doing the mouse enter action. After a handful of attempts it functions properly. Since the exchange ended on January 27th of this year, I’m wondering if anyone has found a solid workaround. Here is the scene I am currently working on: www.launchfilm.com/ipd. Note that only the hotspots on the glass doors are set up the way I described above.

Thanks for any suggestions!
Kris

[KrisMaz]

Well, I ended up giving up on having audio narration on the HTML5 version. Judging by the lack of replies (158 views, 0 replies at the time of writing this), I'll assume no one has discovered a solid workaround.

Wanting to maintain some consistency between the HTML5 and Flash versions, what I did was eliminate any mention of audio on both the Flash version and the HTML5 version. If your device supports Flash, you'll have audio narration. If it does not, you won't have audio narration. I eliminated the "sound on/off" toggle button--users will have to use their device's native volume or mute controls.

Here is the current version of the site:
www.launchfilm.com/mvr

If anyone resolves this problem, please drop me a line or post a reply to this post.

Many thanks!
Kris

[360Texas]

Constructive observations:

I used IE 11 to view this page - your site delivered 'Flash' output. I checked by using 'right mouse click' on the panorama

Professional designed presentation
Web site seems to be a 'fluid' or self adjusting to device screen size
I hope they will place "Panorama Tour" in their menu system (looked but did not immediately see a menu item)
Imaging is sharp and clean - great panoramas
I figured out by clicking on the (M) hotspots I was able to hear the narration.
I was not able to determine how many rooms I had to tour before completing the tour.
You might consider placing a navigation drop down menu of all the rooms
Or maybe click back button to the previous room to revisit an item of interest I missed.
Last observation: I might like to go visit this theatre... but the site does not provide a clue as to what city or state of theatre geographic location.

We always appreciate viewing great work. Thanks for the show and tell.

Is this site using a Bootstrap style website [ http://getbootstrap.com/ ] meaning "Responsive" web page design ?? I clicked back to the theatre main web page with the menus and other pages.