Page 1 of 2

HTML5 Playback Problem on iPhone 4

Posted: Thu Mar 17, 2011 12:19 pm
by NitromanX
Hi !

I've been experimenting with HTML5 output for i devices such as iPad and iPhone etc but I'm having problems. :(

I've embedded an mp3 file which plays in Safari on my Mac desktop but not on my iPhone.

The output should also display the "Simplex" skin, but there is no sign of it.

Here is the link (for iPhone 4 Safari) ... http://www.rodedwards.co.uk/test/Giants_Causeway.html

Any suggestions ? Does it work ok on anyone else's gadgets ?! :?

Thanks in advance ...

Re: HTML5 Playback Problem on iPhone 4

Posted: Thu Mar 17, 2011 12:54 pm
by smooth
Your server MIME type must be set for .svg to display image.
.svg images should have the MIME type set as image/svg+xml but your server is sending them as text/html which is your problem with them not showing with Safari browsers.

You also need to use the updated Simplex iDevice friendly skin without alpha fades etc and you should publish to fullscreen, then of course no point having the fullscreen button.
Get the updated skin from http://gardengnomesoftware.com/forum/vi ... 255#p23217

Regards, Smooth 8)

Re: HTML5 Playback Problem on iPhone 4

Posted: Thu Mar 17, 2011 3:09 pm
by NitromanX
Thanks for the speedy reply Smooth !

Not sure if my server is set to .svg - but image displays so assume all is ok.

However, the main problem i'm now having is that the .mp3 does not play on my iPhone. My iPhone also does not display the new skin (simplex.home.ggsk that i just downloaded) It does play and display on my desktop using Safari so i know it's there !

Any ideas ? It should have the sound of waves crashing ...

Thanks again !

Rod

Re: HTML5 Playback Problem on iPhone 4

Posted: Thu Mar 17, 2011 4:51 pm
by Hopki
Hi
This is one of those iDevice things.
Sound can not start automatically, Apple insist on you having to click a button to start sound. You can however use a container and have a loaded trigger click action on a play button.
Regards
Hopki

Re: HTML5 Playback Problem on iPhone 4

Posted: Thu Mar 17, 2011 6:32 pm
by NitromanX
Thanks Hopki !

But how do i do that :mrgreen:

Is there any way a skin can be made to auto trigger the payback of loaded mp3 on i Phone / i devices ? The simpler the better ...

Cheers !

Rod

Re: HTML5 Playback Problem on iPhone 4

Posted: Sat Mar 19, 2011 10:32 am
by NitromanX
Also ... I've found that the simplex_home.ggsk skin controls appear on my Safari desktop version just fine, but no skin appears on the iPhone 4.

Is this normal as the small screen size would make using the direction buttons difficult - the % loading bar does appear ...

Any info on how to get the .mp3 to play automatically as soon as the pano loads on the iPhone ? I want to avoid a container with a play button if at all possible ...

Here is the link again http://www.rodedwards.co.uk/test/Giants_Causeway.html

Your pearls of wisdom are always much appreciated !!! :mrgreen:

Re: HTML5 Playback Problem on iPhone 4

Posted: Sun Mar 20, 2011 6:03 pm
by smooth
Hopki wrote:Hi
This is one of those iDevice things.
Sound can not start automatically, Apple insist on you having to click a button to start sound. You can however use a container and have a loaded trigger click action on a play button.
Regards
Hopki
Are you sure about this Hopki?
I cannot get to work, maybe you can show us a working example with instructions?

Regards, Smooth 8)

Re: HTML5 Playback Problem on iPhone 4

Posted: Sun Mar 20, 2011 7:35 pm
by NitromanX
Yup Hopki !!!

Please help get auto loop sound working on iPhone and tell me if the Simplex_Home.ggsk skin should display on the iPhone screen !

Thanks !

:mrgreen:

Re: HTML5 Playback Problem on iPhone 4

Posted: Sun Mar 20, 2011 9:04 pm
by Hopki
:oops:
Auto sound start, It don't work now, sorry, but it did :evil:
Apple have done something sneaky with the i devices, you have to physically click a button to start the sound as said above, but now my workaround does not work.
I had a skin that worked fine but now it does not, speaking with Thomas, he has confirmed that this is now the case.
Sorry for getting your hopes up.

The only option at the moment is to cheat, have a splash screen, then start the sound on closing it.
Sorry for the miss information.

Simplex skin should display.
Try with a png skin, if that displays then its your server, MIME type must be set for .svg to display images.
Hopki

Re: HTML5 Playback Problem on iPhone 4

Posted: Mon Mar 21, 2011 6:09 am
by smooth
Well, that was a few hours of my life wasted, Stupid Apple! :roll:
All worked fine with Safari on PC but iDevice failed everytime and I got pretty creative with my triggering and coding options.

Not that I personally care all that much, I was doing this to help rodedwards and others who wanted a result.

Yup, the best way will be to open the tour with a welcome overlay or tap play to start intro and this will activate the sound.

Regards, Smooth 8)

Re: HTML5 Playback Problem on iPhone 4

Posted: Mon Mar 21, 2011 6:15 am
by smooth
Hopki wrote: Simplex skin should display.
Try with a png skin, if that displays then its your server, MIME type must be set for .svg to display images.
Hopki
I also had the Simplex skin fail to show on my iDevice after adding audio and/or the corresponding button or actions. What made it fail exactly I don't know.
But after removing the audio and re-uploading, the skin "showed" once more. So I reintroduced the audio and the skin was still there. So what is the exact cause I'm not sure? But there is a bug and it isn't related the MIME type server entry. Coders need to de-bug this issue and cause.

Regards, Smooth 8)

Re: HTML5 Playback Problem on iPhone 4

Posted: Mon Mar 21, 2011 8:58 am
by NitromanX
Oh Boy ... you guys are good !

Thank you for looking in to this issue for me and everyone else ! We need to get to the bottom of this if we want Html5 360's to work properly on iDevices. :D

Is this a Garden Gnome Panor2VR bug or an Apple iOS 4.3 bug ?! Any idea if / when a fix will be made ?

Is there a temporary solution or do we need to iron out the bug before we can add sound ?

I also have another display issue : the simplex skin only half shows on my iPhone 4 display - see photo. It also disappears out of view when i turn the phone horizontally. What Pano2VR settings should i set to display the skin ?

Once again ... appreciate your input and knowledge ... this forum is invaluable and GG Pano 2VR software rocks ! :mrgreen:

Re: HTML5 Playback Problem on iPhone 4

Posted: Mon Mar 21, 2011 12:01 pm
by Hopki
Hi
Try removing the hover state, I have had issues with the IOS (4.2 & 4.3) with sound, with graphics disappearing, removing the hover state solved this problem. Again this did not happen at first, but then IOS updates hit us.
Also do you really need a hover state with the devices, personally I think you can remove and movement and zoom buttons as the i device is all about using your finger and the pitch zoom, this also means a lighter skin with 6 buttons removed, with hover state 12 images and you get more screen to play with.

The problem is, do you work around this, then to only have Apple screw you in the next release like in the case of the auto start sound?
I spent some quality time on that to get it to work, then for Apple to change things.
Apple need to publish a rule book so people know where they stand, come on Apple, pull your finger out.

OK, rant over, I will now start to clime back in my tree and sorry for going off topic.

@rodedwards, Do the buttons come back if you double tap the screen? If so you should use the fullscreen option on the html page.

Hopki

Re: HTML5 Playback Problem on iPhone 4

Posted: Mon Mar 21, 2011 1:19 pm
by smooth
rodedwards wrote:I also have another display issue : the simplex skin only half shows on my iPhone 4 display - see photo. It also disappears out of view when i turn the phone horizontally. What Pano2VR settings should i set to display the skin ?
You should be selecting "fullscreen" as a publish option, anything other than that is either too small or display is off screen and ugly.
Hopki wrote:Try removing the hover state, I have had issues with the IOS (4.2 & 4.3) with sound, with graphics disappearing, removing the hover state solved this problem.
What is the "hover" state? Do you mean "pressed" as an source action?

Regards, Smooth 8)

Re: HTML5 Playback Problem on iPhone 4

Posted: Mon Mar 21, 2011 1:57 pm
by Hopki
Hi Smooth
The actual graphic, open the skin and click on one of the buttons.
You will see each button is made up of two images:
Image
Over-State

Remove the Over-State image.

Sorry I keep calling it, up, hover and click states, this is from another life making CD-Roms.
I have got to start using GGS labels or get Thomas to change it to my way :lol:

Hopki