You are here

SoundCloud embeds: Flash vs HTML5

For anything relating to music-making on Windows computers, with lots of FAQs. Moderated by Martin Walker.

SoundCloud embeds: Flash vs HTML5

Postby Sam Inglis » Wed Jan 30, 2013 2:02 pm

I'm putting together a little website at the moment, and want to embed SoundCloud players for a few tracks. When I've done this in the past, I used the Flash version of the embedded SoundCloud player. This is tried and tested, and very customisable, but of course doesn't work on iOS devices, isn't standards-compliant, and so on.

SoundCloud themselves seem to be encouraging everyone to move over to the new HTML5 player instead, so I thought I'd give that a go. So far I'm not very encouraged. The player is fixed (huge) height, can't be coloured, you can't hide the artist name or track title, in Firefox it randomly seems to ignore the instruction to hide artwork, and my friend who's testing the site says he can't get it to work in IE9. Haven't had a chance to test it on iOS yet, but I'm wondering whether to go back to the old version for the time being. Any thoughts? Any sneaky customising tips that I don't know about? I'm wondering if it might be time to look into the Custom Player, but my heart slightly sinks at the prospect...
Sam Inglis
Frequent Poster
Posts: 1989
Joined: Fri Dec 15, 2000 12:00 am

 


Re: SoundCloud embeds: Flash vs HTML5

Postby Scramble » Wed Jan 30, 2013 2:24 pm

I tried out HTML5 audio, including some HTML5 audio players about 6-9 months ago (not Soundcloud, though), and had a lot of trouble with them -- basically they won't work on all browsers. Unless things have rapidly improved I don't think you can rely on them for all the people who come to your site. So I went back to using a custom Flash player, with an alternate page for iOS devices which has HTML5 audio on it (not a player, I just use basic html5 commands, as far as I can remember).
Scramble
Frequent Poster
Posts: 2305
Joined: Tue Sep 10, 2002 11:00 pm

 


Re: SoundCloud embeds: Flash vs HTML5

Postby Will_m » Wed Jan 30, 2013 4:18 pm

The html5 player I'm using in soundcloud you can change the colours and heights etc same as the flash one the only difference I've seen is the option to hide comments and play count.
User avatar
Will_m
Regular
Posts: 422
Joined: Wed Apr 01, 2009 11:00 pm

Re: SoundCloud embeds: Flash vs HTML5

Postby Sam Inglis » Wed Jan 30, 2013 4:36 pm

Is that the Custom Player, or the standard one? From what I can see, the standard one only supports re-sizing horizontally, while the Custom Player still seems to use Flash in some way.

If you have a link for the embed code you're using that'd be great.
Sam Inglis
Frequent Poster
Posts: 1989
Joined: Fri Dec 15, 2000 12:00 am

 


Re: SoundCloud embeds: Flash vs HTML5

Postby Peter Fernandes » Wed Jan 30, 2013 5:32 pm

Hey,

Since the HTML5 player uses only HTML, you should be able to style to your complete content it using CSS if you have any knowledge on the subject.
User avatar
Peter Fernandes
Poster
Posts: 43
Joined: Wed Mar 03, 2010 12:00 am

Re: SoundCloud embeds: Flash vs HTML5

Postby Will_m » Thu Jan 31, 2013 12:05 am

The width is expressed as a percentage so just choose how much of the page you want it to take up, the height is freely assignable as is the colour code. If you need more control you'd have to go for the custom player, which is based around html/css/js code but with this you can get a huge range of options. Here's a little guide:

http://developers.soundcloud.com/docs/custom-player
User avatar
Will_m
Regular
Posts: 422
Joined: Wed Apr 01, 2009 11:00 pm


Who is online

Users browsing this forum: No registered users and 1 guest