Loading...

Search jQuery

Search

jQuery Forum

jaimmy

audio issues on iPad

in Using jQuery • 6 years ago

on this site i have set up using fullscreen.js I can't figure out how to get the 'afterLoad' function to trigger a new audio sound on my iPad. It works perfectly on desktop ( safari).

if you scroll down the will notice the audio track changes. On iPad the video and audio only pauses and plays (but it sort of works in that it does control stopping and starting separate audio and video tracks which is a hopeful sign that I've done something correctly).

http://www.mediaflash.ca/jimscroll/examples/navigationV.html

View on iPad to see how this doesn't work.

1

Replies(16)

jakecigar

Re: audio issues on iPad

6 years ago

IOS has rules about starting <audio>. It has to start with a click. When you get to the second area there is no click, so it can’t start a new <audio>.

A workaround I’ve used is to keep the same <audio> playing, just change the src.

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

why then when you scroll back up to the first slide the audio and video start playing, I didn't click anything yet it works on iPad. or more accurately i actually did swipe the screen or click on one of the side menu buttons to access scrolling up to he first slide. I don't get it

jakecigar

Re: audio issues on iPad

6 years ago

It was paused then restarted. It seems that is allowed.

JΛ̊KE

jakecigar

Re: audio issues on iPad

6 years ago

That <audio> has webkit’s blessing to play, You can change it’s source, pause it, play it again, and anything else you can think of. But the others are not blessed .

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

OK I'll try your idea of changing the src. good idea. To further complicate things I will eventually want to have a button that changes the audio tracks completely ( swap them out for different music tracks) if you recall you helped me with this years ago on the flash version of this site. Maybe I'm asking too much of IOS.

http://www.mediaflash.ca/portfolio/sites/bboy/bboy.html

jakecigar

Re: audio issues on iPad

6 years ago

Use one single <audio>. That’s the trick to keep IOS happy. Use different srcs, which you will need to insure play on each platform.

And then you get to IE and it’s <audio> problems. That’s another story!

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

I tried this code:

var audio1 = document.getElementById('myTuneA1');

audio1.src = "http://www.mediaflash.ca/jimscroll/examples/music/track2.mp3";

myTuneA1.play();

but somethings not right.

jakecigar

Re: audio issues on iPad

6 years ago

It has to start with a click or one of the gestures that webkit/Apple allow.

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

Wooah. I take that back - it works perfectly now!!

there is however quite a lag in time before the new track starts playing. IS there a way to fix that? (preload the different audio files?)

jakecigar

Re: Re: audio issues on iPad

6 years ago

There is no pre-loading with IOS. You can trim down the audio so it goes right into the song.

JΛ̊KE

jakecigar

Re: audio issues on iPad

6 years ago

Depending on the server the audio is either downloaded and played or it is streamed by the server in chunks. If you check your web logs you can tell which you are doing.

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

Yes I'l customize the tracks so there is no lead-in time, just music playing right away. this is a fantastic solution thanks!!

I do however have to create a preload for the video. It plays somewhat choppily. Is preloading video not possible also?

For the switching out of the sound tracks i think creating some sort of variable may be the way to go.

if track 1=true then change src to track 1b

or if track 2=true then change src to track 2b

etc...

does that make sense? I want the user to be able to select a different song if they don't like the one playing.

jakecigar

Re: audio issues on iPad

6 years ago

English never makes sense! I would create an object with all the audio src’s and just pick them from the object.

There is no pre-loading for videos either, Perhaps you should make a "slimmer" video for the iPad.

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

umm

check my web logs ( no idea how to do that - I'm a complete amateur it turns out)

Do you have an example of creating a object with the scr's and how to 'pick ' them

jakecigar

Re: audio issues on iPad

6 years ago

Almost every web server produces logs. You get at them differently depending on how it is set up. Maybe the ISP gives you a special program to access them,

var music = [
["a1.mp3","b1.mp3"], // first set
["a2.mp3","b2.mp3"} // second set
]

JΛ̊KE

jaimmy

Re: audio issues on iPad

6 years ago

thank you

I'll look into how to make that work. I'm not sure how to call the different 'sets'. Please keep this post open for a bit.