soundcloud / soundcloud-custom-player

The SoundCloud custom javascript based player
http://soundcloud.com
705 stars 231 forks source link

iPad / iPhone support #3

Closed vgkids closed 13 years ago

vgkids commented 13 years ago

I love this player, it seems to do exactly what I need and it was easy to install and skin. Thank you for publishing.

I'm not able to get iPad or iPhone devices to play. After my installation failing on iOS, I verified that the examples in this repository are also not operating.

larsdaniel commented 13 years ago

Exactly! I was thrilled to find these skin examples, but then I went to my iPad to see how they looked there, only to find that they are not working at all. Bummer. I thought the whole point of the soundcloud-custom-player was to be able to make something that also works on iOS. Any input about this would be very welcome!

jossi commented 13 years ago

This is a bummer... The player loads with the skins, but the audio does not play on iOS.

Any chance to correcting this?

jossi commented 13 years ago

Maybe this is relevant?

The HTML5 video element have an attribute loop[3] which doesn’t work on iOS (as of iOS 4.2), the video element also expose the property currentTime[4] which is used to read the current playback position or to seek to a specific position. Setting currentTime to zero on “all” browsers makes the video start playing from the first frame, unfortunately doing that on iOS 3.2 breaks the currentTime property (value isn’t updated during playback) and also breaks the ended event dispatch. The way to fix it is to seek to 0.1 instead of 0.

http://blog.millermedeiros.com/2011/03/html5-video-issues-on-the-ipad-and-how-to-solve-them/

jossi commented 13 years ago

Also this may be pertinent: http://flowz.com/2011/03/apple-disabled-audiovideo-playback-in-html5/

NickChow commented 13 years ago

Jossi,

Remove the hover feature from the CSS and it will work.

iOS does not do well with hovers.

Standard player worked well on iOS now that I disabled the hover.

jossi commented 13 years ago

Thanks a lot !!!

On Jun 3, 2011, at 9:29 AM, NickChow wrote:

Jossi,

Remove the hover feature from the CSS and it will work.

iOS does not do well with hovers.

Standard player worked well on iOS now that I disabled the hover.

jossi commented 13 years ago

I have it already installed, can you let me know what CSS tag to modify?

Thanks again,

-- Jossi

On Jun 3, 2011, at 9:29 AM, NickChow wrote:

Standard player worked well on iOS now that I disabled the hover.

NickChow commented 13 years ago

In structure-horizontal.css on line 91.

On Fri, Jun 3, 2011 at 11:40 AM, jossi < reply@reply.github.com>wrote:

I have it already installed, can you let me know what CSS tag to modify?

Thanks again,

-- Jossi

On Jun 3, 2011, at 9:29 AM, NickChow wrote:

Standard player worked well on iOS now that I disabled the hover.

Reply to this email directly or view it on GitHub:

https://github.com/soundcloud/soundcloud-custom-player/issues/3#comment_1297867

mataspetrikas commented 13 years ago

the hover removed from the main css now. https://github.com/soundcloud/soundcloud-custom-player/commit/3e0b4ed3996e85110096e3a803a3ea142e439c38