PDA

View Full Version : Enable Official.fm embedding support?



Sigma
02-26-2013, 10:13 AM
Official.fm is a bit like SoundCloud, Mixcloud etc. It has a very clean interface, is free to use, allows people to stream, download and share your tracks without them having an Official.fm account, and it isn't plagued with the automatic copyright scanning stuff that affects SoundCloud.

Here's the code for auto-embedding on Invision Power Board, which I have just implemented on my forum. Maybe this could be adapted to add embedding support here?.....

Media replacement match: -


http://official.fm/tracks/{1}

Media replacement HTML: -


<iframe width="250" height="250" frameborder="no" src="http://official.fm/player?width=250&height=250&skin_bg=000000&skin_fg=FFFFFF&artwork=1&feed=http%3A%2F%2Fofficial.fm%2Ffeed%2Ftracks%2F$1 .json"></iframe>

That gives you an embedded player that looks like this: -

http://i.imgur.com/Nhn9bL5.jpg

Obviously the artwork comes from the artwork for the mix/track. When you mouse over the player, you get this: -

http://i.imgur.com/IgvTNuB.jpg

That gives you the artist/title, a progress bar, plus download and share buttons.

I know that not many people use Official.fm, but part of the reason for that is because of big DJ sites like this one not supporting embedded players for it and you don't allow people to post HTML. I have no affiliation to the site, but I think it's a great site for mix/track hosting that has certain advantages over the most popular choices.