Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

General Questions

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Adding google's flash mp3 player


Reply

7 Posts   11008 Views

Avatar
mrwindupbird

25 October 2009 at 12:16am Community Member, 26 Posts

Trying to add google's flash mp3 player to a page. I created a php page type and created a layout for it. Here is the code in the layout file:

<iframe src="http://mail.google.com/mail/html/audio.swf?audioUrl=http://www.mrwindupbird.com/test.mp3" style="width: 500px; height: 250px; border: 1px solid #aaa;"></iframe>

So what's happening is that the player is loading but the file won't play. The file, as you can see if you copy/paste the mp3 url into a browser, clearly exists. Any ideas?

Alternatively, I'm not married to google's player. If you guys have any other suggestions as to mp3 players for SS, I'm all ears.

btw - any DJs out there, or general fans of electro, that test.mp3 is an epic Daft Punk/Beastie Boys/Capsule remix. Check it out and feel free to download. It's rrrrrrreally good.

Avatar
banal

25 October 2009 at 12:35am Community Member, 901 Posts

Hi there. Nice remix ;)
Don't know where you got this URL for the audio-player from (mail.google.com)? This one seems to work:
http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.mrwindupbird.com/test.mp3

Found here: http://www.labnol.org/internet/design/html-embed-mp3-songs-podcasts-music-in-blogs-websites/2232/

Avatar
mrwindupbird

25 October 2009 at 2:22am Community Member, 26 Posts

haha, I found my link from the same site - http://labnol.blogspot.com/2006/08/google-mp3-player-found-in-gmail.html

So now that I've got this player working great, any chance you know how to make it autoplay? With the following code:

-------------------------------------------------

<iframe src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.mrwindupbird.com/test.mp3&autoplay=true" style="width: 500px; height: 250px; border: 1px solid #aaa;"></iframe>

-------------------------------------------------

I get the following error:

-------------------------------------------------

XML Parsing Error: not well-formed
Location: http://mrwindupbird.com/music/?stage=Stage
Line Number 42, Column 128:<iframe src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.mrwindupbird.com/test.mp3&autoplay=true" style="width: 500px; height: 250px; border: 1px solid #aaa;"></iframe>
-------------------------------------------------------------------------------------------------------------------------------^

-------------------------------------------------

Avatar
banal

25 October 2009 at 3:09am Community Member, 901 Posts

Ampersands always have to be html-entity encoded. Should be:
http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.mrwindupbird.com/test.mp3&amp;autoplay=true

Avatar
mrwindupbird

25 October 2009 at 3:27am Community Member, 26 Posts

hmmmm, that fixed the error on the page, but it's still not autoplaying... Halfway there! :)

Avatar
banal

25 October 2009 at 6:20am Community Member, 901 Posts

I think it should be autoPlay=true

Avatar
yakky

16 April 2010 at 9:49am Community Member, 1 Post

Just got autoplay working in IE 7 and FF 3.6 with this code

<embed type="application/x-shockwave-flash" src="https://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=<%=_AudioURL %>&autoPlay=true" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

Note the <% %> code is ASP.NET and should be replaced with your audio file URL.