Media Players

Flash Media Playback

posted Dec 3, 2011 9:44 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:27 PM ]

Adobe Flash Media Playback is a configurable video player and a good option if you don't like to host your video files on YouTube.

Instructions

Go to Flash Media Playback Setup ► customize your player and click Preview. Here's a sample code you get:
<object width="480" height="360"> <param name="movie" value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"></param><param name="flashvars" value="src=http%3A%2F%2Fwww.example.com%2Fvideo.flv&poster=http%3A%2F%2Fwww.example.com%2Fimage.jpg"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="360" flashvars="src=http%3A%2F%2Fwww.example.com%2Fvideo.flv&poster=http%3A%2F%2Fwww.example.com%2Fimage.jpg"></embed></object>

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select ► enter the SWF URL and flashvars value ► customize the gadget Display ► OK ► Save.

Result

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

Google Video

posted Aug 4, 2011 1:06 PM by Morteza Mirmojarabian [ updated May 13, 2012 7:26 PM ]

There are thousands of Google videos to embed into your site.

Instructions

Go to the desired Google video page ► click Embed video ► copy the flash URL. For example:

Embed code:

<embed id=VideoPlayback src=http://video.google.com/googleplayer.swf?docid=1395729433885122000&hl=en&fs=true style=width:400px;height:326px allowFullScreen=true allowScriptAccess=always type=application/x-shockwave-flash></embed>

Flash URL: http://video.google.com/googleplayer.swf?docid=1395729433885122000&hl=en&fs=true

Notes:

If you'd like your embedded video to begin playing automatically, add &autoPlay=true to the URL:
http://video.google.com/googleplayer.swf?docid=1395729433885122000&hl=en&fs=true&autoPlay=true

If you'd like it to repeat playing indefinitely, add &loop=true to the URL:
http://video.google.com/googleplayer.swf?docid=1395729433885122000&hl=en&fs=true&loop=true

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select ► enter the URL ► customize the gadget Display ► OK ► Save.

Example

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

YouTube Video

posted Jul 30, 2011 4:00 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:22 PM ]

YouTube is a place to discover, watch, upload and share videos. Each YouTube video and playlist is accompanied by a code, which can be used to embed it on your page. You can also embed YouTube channels.

Instructions

Videos & playlists

Go to the desired YouTube video page ► click Share ► Embed ► customize and copy the iframe source. For example:

Embed code:
<iframe width="640" height="480" src="http://www.youtube.com/embed/kefTLicuxb4" frameborder="0" allowfullscreen></iframe>

Iframe source: http://www.youtube.com/embed/kefTLicuxb4

Notes:

To set the video background to transparent, add ?wmode=transparent to the URL:
http://www.youtube.com/embed/kefTLicuxb4?wmode=transparent

You can find the more advanced embedded player parameter settings here. These parameters will help you customize the URL even more. For example:
http://www.youtube.com/embed/kefTLicuxb4?wmode=transparent&showinfo=0

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Iframe Wrapper" by Mori ► Select ► enter the URL ► customize the gadget Display ► OK ► Save.

Result

Take similar steps to embed a playlist. For example:
<iframe width="640" height="360" src="http://www.youtube.com/embed/videoseries?list=PL8EBAFF1425C29078&hl=en_US" frameborder="0" allowfullscreen></iframe>

Result

Channels

Click Edit page ► Insert ► More gadgets ► Add gadget by URL: http://www.google.com/ig/modules/youtube.xml ► Add ► enter the channel name, e.g. NASAtelevision ► customize the gadget Display ► OK ► Save.

Result

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

FMP3 & FVP

posted Jan 3, 2010 12:16 PM by Morteza Mirmojarabian [ updated May 13, 2012 7:17 PM ]

FMP3 is a small flash-based application that can be easily included in HTML to play MP3 files.

Instructions

A single song

Download FMP3 file and unzip it.
Upload FMP3.swf to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/FMP3.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/FMP3.swf
That's the SWF URL to use on the gadget.
Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select:

FlashVars:
mp3=http://www.example.com/song.mp3&action=stop&title=Ave Maria&color=000000&loop=no&lma=yes&textcolor=FFFFFF
Note: Look at the Parameters table to customize the FlashVars value.
Width:
260 pixels
Height:
60 pixels

Example

Multiple songs

Download FMP3 file, unzip it and upload FMP3.swf to your Site.
Go to XSPF Flash Player page, download the file and unzip it.
Note: You can take similar steps to add other versions of XSPF MP3 player.
Upload XSPF.swf to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/XSPF.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/XSPF.swf
That's the SWF URL to use on the gadget.
Download the playlist file ► open it with a plain text editor, e.g. Notepad, and customize it:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Instrumentals</title>
<trackList>

    <track>
      <location>http://www.example.com/song1.mp3</location>
      <annotation>Sidewalk Cafe</annotation>
    </track>

    <track>
      <location>http://www.example.com/song2.mp3</location>
      <annotation>Popcorn</annotation>
    </track>

    <track>
      <location>http://www.example.com/song3.mp3</location>
      <annotation>Adagio</annotation>
    </track>

    <track>
      <location>http://www.example.com/song4.mp3</location>
      <annotation>Aranjuez</annotation>
    </track>

    <track>
      <location>http://www.example.com/song5.mp3</location>
      <annotation>Caravansary</annotation>
    </track>

</trackList>
</playlist>

Note: Alternatively you can create a playlist code using the playlist generator, add a title to it, and copy it into the playlist file.

Upload the playlist file to your Site and click its Download link:

Google Chrome: Click Show all downloads ► right-click on the long URL ► Copy link address.

Apple Safari: Click Open ► right-click on the playlist in Downloads pop-up window ► Copy Address.

Mozilla Firefox: Click OK ► right-click on the playlist in Downloads pop-up window ► Copy Download Link.

Remove the extra URL parameters. For example:

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/fmp3-fvp/audio-playlist.xml?attachauth=.....

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/fmp3-fvp/audio-playlist.xml

That's the playlist file xml URL that you need to use on the gadget.

Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select:

FlashVars:
playlist=playlist-file-xml-url&action=stop&folder=http://sites.google.com/site/site-name/file-cabinet/&color=000000&textcolor=FFFFFF&loop=playlist&lma=no&shuffle=no
Notes:

The folder value is your FMP3.swf link without the file name. For example:
http://sites.google.com/site/site-name/file-cabinet/FMP3.swf >> http://sites.google.com/site/site-name/file-cabinet/

Look at the Parameters table to customize the FlashVars value.

Width:
260 pixels
Height:
300 pixels

Example

* * * * * * *

FVP is a small flash-based application that can be easily included in HTML to play FLV and MP4 files.

Instructions

A single video

Download FVP file and unzip it.
Upload FVP10.swf to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/FVP10.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/FVP10.swf
That's the SWF URL to use on the gadget.
Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select:

FlashVars:
video=http://www.example.com/video.flv&action=stop&color=000000&image=http://www.example.com/preview-image.jpg&buffer=3&fsbtn=yes&textcolor=FFFFFF
Note: Look at the Parameters table to customize the FlashVars value.
Width:
320 pixels
Height:
265 pixels

Example

Multiple videos

Download FVP10 file, unzip it and upload FVP10.swf to your Site.
Go to XSPF Compact page, Download the file and unzip it.
Note: You can take similar steps to add other versions of XSPF FLV player.
Upload XSPF_Compact.swf to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/XSPF_Compact.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/XSPF_Compact.swf
That's the SWF URL to use on the gadget.
Download the playlist file ► open it with a plain text editor, e.g. Notepad, and customize it:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

    <track>
      <location>http://www.example.com/video1.flv</location>
      <annotation>Shrek the Third</annotation>
      <image>http://www.example.com/preview-image1.jpg</image>
    </track>

    <track>
      <location>http://www.example.com/video2.flv</location>
      <annotation>Stupid Showoff</annotation>
      <image>http://www.example.com/preview-image2.jpg</image>
    </track>

    <track>
      <location>http://www.example.com/video3.flv</location>
      <annotation>My Ride</annotation>
      <image>http://www.example.com/preview-image3.jpg</image>
    </track>

    <track>
      <location>http://www.example.com/video4.flv</location>
      <annotation>Garfield</annotation>
      <image>http://www.example.com/preview-image4.jpg</image>
    </track>

</trackList>
</playlist>

Note: Alternatively you can create a playlist code using the playlist generator and copy it into the playlist file.

Upload the playlist file to your Site and click its Download link:

Google Chrome: Click Show all downloads ► right-click on the long URL ► Copy link address.

Apple Safari: Click Open ► right-click on the playlist in Downloads pop-up window ► Copy Address.

Mozilla Firefox: Click OK ► right-click on the playlist in Downloads pop-up window ► Copy Download Link.

Remove the extra URL parameters. For example:

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/fmp3-fvp/video-playlist.xml?attachauth=.....

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/fmp3-fvp/video-playlist.xml

That's the playlist file xml URL that you need to use on the gadget.

Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select:

FlashVars:
playlist=playlist-file-xml-url&action=stop&folder=http://sites.google.com/site/site-name/file-cabinet/&color=000000&textcolor=FFFFFF&buffer=3&shuffle=no&showpl=yes&scalepl=180
Notes:

The folder value is FVP10.swf link without the file name. For example:
http://sites.google.com/site/site-name/file-cabinet/FVP10.swf >> http://sites.google.com/site/site-name/file-cabinet/

Look at the Parameters table to customize the FlashVars value.

Width:
650 pixels
Height:
450 pixels

Example

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

| Attachments: audio-playlist.xml video-playlist.xml

EMFF

posted Jan 2, 2010 10:22 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:28 PM ]

Looking for a nifty little player? Then EMFF is for you. It's an open source project on SourceForge.

Instructions

A single song

Download the latest version of EMFF and unzip it.
Open the skins folder ► choose a skin, e.g. emff_wooden.swf, and upload it to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/emff_wooden.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/emff_wooden.swf
That's the SWF URL to use on the gadget.
Customize the player with EMFF code generator and copy your EMFF code. For example:
<object type="application/x-shockwave-flash" data="emff_wooden.swf" width="120" height="60"><param name="movie" value="emff_wooden.swf"><param name="FlashVars" value="src=http%3A%2F%2Fwww.example.com%2Fsong.mp3"></object>

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select ► enter the SWF URL and flashvars value ► customize the gadget Display and size based on the embed code width and height values ► OK ► Save.

Examples

Multiple songs

Besides the above steps, you need to create a playlist too:

Download the playlist file ► open it with a plain text editor, e.g. Notepad, and customize it:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

    <track>
      <location>http://www.example.com/song1.mp3</location>
      <title>Santorini</title>
      <creator>Yanni</creator>
    </track>

    <track>
      <location>http://www.example.com/song2.mp3</location>
      <title>Autumn, Autumn, Autumn</title>
      <creator>Lachini</creator>
    </track>

    <track>
      <location>http://www.example.com/song3.mp3</location>
      <title>Chi Mai</title>
      <creator>Ennio Morricone</creator>
    </track>

</trackList>
</playlist>

Note: Alternatively you can create a playlist code using the playlist generator and copy it into the playlist file.

Upload the playlist file to your Site and click its Download link:

Google Chrome: Click Show all downloads ► right-click on the long URL ► Copy link address.

Apple Safari: Click Open ► right-click on the playlist in Downloads pop-up window ► Copy Address.

Mozilla Firefox: Click OK ► right-click on the playlist in Downloads pop-up window ► Copy Download Link.

Remove the extra URL parameters. For example:

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/emff/playlist.xml?attachauth=.....

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/emff/playlist.xml

That's the playlist file xml URL that you need to use on EMFF code generator.

Examples

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

| Attachments: playlist.xml

Embed Music

posted Jan 2, 2010 10:16 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:32 PM ]

A gadget to embed music/sound in your web page — no Flash

Instructions

A single song

Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Embed Music" by Mori ► Select ► enter the MP3 URL ► customize the gadget Display ► OK ► Save.

Example

Multiple songs

Besides the above steps, you need to create an M3U playlist:

Download the playlist file ► open it with a plain text editor, e.g. Notepad, and customize it:
http://www.example.com/song1.mp3
http://www.example.com/song2.mp3
http://www.example.com/song3.mp3
http://www.example.com/song4.mp3
http://www.example.com/song5.mp3

Upload the playlist file to your Site ► copy its Download link and remove the extra URL parameters. For example:
http://sites.google.com/site/mori79/html-gadgets/media-players/embed-music/playlist.m3u?attredirects=0&d=1
http://sites.google.com/site/mori79/html-gadgets/media-players/embed-music/playlist.m3u

That's the M3U URL to use on the gadget.

Example

Background music

Instructions

Set AutoStart and Hidden to Yes and the gadget size to 10×10px.

Here's an example.

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

| Attachments: playlist.m3u

JW Player

posted Jan 2, 2010 10:13 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:22 PM ]

JW Player is one of the Internet’s most popular and flexible media players. It supports playback of any format the Adobe Flash Player can handle (FLV, MP4, MP3, AAC, JPG, PNG and GIF).

Installation

A single song/video

Download JW Player and unzip it.

Upload player.swf to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/player.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/player.swf
That's the SWF URL to use as source value on Setup Wizard.

Customize your player and click simple embed code. Here's a sample code you get:
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'><param name='movie' value='http://sites.google.com/site/site-name/file-cabinet/player.swf'><param name='allowfullscreen' value='true'><param name='allowscriptaccess' value='always'><param name='wmode' value='transparent'><param name='flashvars' value='duration=207&file=http://www.example.com/video.flv&image=http://www.example.com/image.jpg'><embed type='application/x-shockwave-flash' id='single2' name='single2' src='http://sites.google.com/site/site-name/file-cabinet/player.swf' width='470' height='320' bgcolor='undefined' allowscriptaccess='always' allowfullscreen='true' wmode='transparent' flashvars='duration=207&file=http://www.example.com/video.flv&image=http://www.example.com/image.jpg' /></object>

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select ► enter the SWF URL and flashvars value ► customize the gadget Display ► OK ► Save.

Examples

Multiple songs/videos

Besides the above steps, you need to create a playlist:

Download the playlist file ► open it with a plain text editor, e.g. Notepad, and customize it:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

    <track>
      <location>http://www.example.com/song1.mp3</location>
      <title>La Playa</title>
      <image>http://www.example.com/image1.jpg</image>
      <duration>03:01</duration>
    </track>

    <track>
      <location>http://www.example.com/video1.flv</location>
      <title>Earth</title>
      <image>http://www.example.com/image2.jpg</image>
      <duration>02:10</duration>
    </track>

    <track>
      <location>http://www.example.com/song2.mp3</location>
      <title>Ocarina</title>
      <image>http://www.example.com/image1.jpg</image>
      <duration>04:39</duration>
    </track>

    <track>
      <location>http://www.example.com/video2.flv</location>
      <title>Modern Bullfighting!</title>
      <image>http://www.example.com/image2.jpg</image>
      <duration>01:30</duration>
    </track>

</trackList>
</playlist>

Note: Alternatively you can create a playlist code using the playlist generator and copy it into the playlist file.

Upload the playlist file to your Site and click its Download link:

Google Chrome: Click Show all downloads ► right-click on the long URL ► Copy link address.

Apple Safari: Click Open ► right-click on the playlist in Downloads pop-up window ► Copy Address.

Mozilla Firefox: Click OK ► right-click on the playlist in Downloads pop-up window ► Copy Download Link.

Remove the extra URL parameters. For example:

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/jw-player/playlist.xml?attachauth=.....

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/jw-player/playlist.xml

That's the playlist file xml URL that you need to use as playlistfile value on the wizard.

Example

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

| Attachments: playlist.xml

XSPF Web Music Player

posted Jan 2, 2010 10:11 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:30 PM ]

XSPF Web Music Player is a flash-based web application that uses xspf playlist format to play MP3 songs.

There are two main flavors of the player:

Extended version: includes album photos and playlist display
Slim version: shows only the current playing song in a compact version

Installation

Download the latest extended version and unzip it.
Upload xspf_player.swf to your Site ► copy its link and remove any extra URL parameter. For example:
http://sites.google.com/site/site-name/file-cabinet/xspf_player.swf?attredirects=0
http://sites.google.com/site/site-name/file-cabinet/xspf_player.swf
That's the SWF URL to use on the gadget.
Download the playlist file ► open it with a plain text editor, e.g. Notepad, and customize it:
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Classics</title>
<trackList>

    <track>
      <location>http://www.example.com/song1.mp3</location>
      <title>Fur Elise</title>
      <creator>Beethoven</creator>
      <info>http://www.forelise.com/</info>
      <image>http://www.example.com/image1.jpg</image>
    </track>

    <track>
      <location>http://www.example.com/song2.mp3</location>
      <title>The Four Seasons</title>
      <creator>Vivaldi</creator>
      <info>http://www.classicalnotes.net/classics/vivaldi.html</info>
      <image>http://www.example.com/image2.jpg</image>
    </track>

    <track>
      <location>http://www.example.com/song3.mp3</location>
      <title>Air on a G String</title>
      <creator>Bach</creator>
      <info>http://en.wikipedia.org/wiki/Air_on_the_G_String</info>
      <image>http://www.example.com/image3.jpg</image>
    </track>

    <track>
      <location>http://www.example.com/song4.mp3</location>
      <title>Hooked on Classics</title>
      <creator>Royal Philharmonic Orchestra</creator>
      <info>http://en.wikipedia.org/wiki/Hooked_on_Classics</info>
      <image>http://www.example.com/image4.jpg</image>
    </track>

</trackList>
</playlist>

Note: Alternatively you can create a playlist code using the playlist generator, add a title to it, and copy it into the playlist file.

Upload the playlist file to your Site and click its Download link:

Google Chrome: Click Show all downloads ► right-click on the long URL ► Copy link address.

Apple Safari: Click Open ► right-click on the playlist in Downloads pop-up window ► Copy Address.

Mozilla Firefox: Click OK ► right-click on the playlist in Downloads pop-up window ► Copy Download Link.

Remove the extra URL parameters. For example:

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/xspf-web-music-player/playlist.xspf?attachauth=.....

http://75654439952250757-a-1802744773732722657-s-sites.googlegroups.com/site/mori79/html-gadgets/media-players/xspf-web-music-player/playlist.xspf

That's the playlist file xspf URL that you need to use on the gadget.

Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select:

FlashVars:
playlist_url=playlist-file-xspf-url
Note: To use more than one parameter on the player, separate each parameter by an "&". For example:
playlist_url=playlist-file-xspf-url&autoplay=true&repeat_playlist=true
Height:
170 pixels

Example

Take similar steps to add the slim version:

FlashVars:
playlist_url=playlist-file-xspf-url&player_title=soundtracks - click to start
Height:
15 pixels

Example

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

| Attachments: playlist.xspf

Grooveshark

posted Jan 2, 2010 10:07 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:20 PM ]

Grooveshark is a free online jukebox service with millions of songs.You can add your tunes to Grooveshark and access them from anywhere.

Installation

Create Account ► upload your songs ► go to My Music ► add the songs to a new playlist ► open the playlist ► click Share ► More ► Embed ► customize the widget and copy its embed code to clipboard. For example:
<object width="250" height="400" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gsPlaylist6929879193" name="gsPlaylist6929879193"><param name="movie" value="http://grooveshark.com/widget.swf" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=cowbell.grooveshark.com&playlistID=69298791&bbg=000000&bth=000000&pfg=000000&lfg=000000&bt=FFFFFF&pbg=FFFFFF&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lfgh=FFFFFF&sb=FFFFFF&bfg=620bb3&pbgh=620bb3&lbgh=620bb3&sbh=620bb3&p=0" /><object type="application/x-shockwave-flash" data="http://grooveshark.com/widget.swf" width="250" height="400"><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=cowbell.grooveshark.com&playlistID=69298791&bbg=000000&bth=000000&pfg=000000&lfg=000000&bt=FFFFFF&pbg=FFFFFF&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lfgh=FFFFFF&sb=FFFFFF&bfg=620bb3&pbgh=620bb3&lbgh=620bb3&sbh=620bb3&p=0" /><span><a href="http://grooveshark.com/playlist/WidgetOne/69298791" title="WidgetOne by Morteza Mirmojarabian on Grooveshark">WidgetOne by Morteza Mirmojarabian on Grooveshark</a></span></object></object>

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select ► enter the SWF URL and flashvars value ► customize the gadget Display ► OK ► Save.

Result

Notes:

Any and all changes you make to the playlist will be reflected in your widget.

You can also create a single song widget: right-click on the desired song, select Share Song, and take similar steps.

Example

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

Big Contact

posted Jan 2, 2010 10:04 AM by Morteza Mirmojarabian [ updated May 13, 2012 7:24 PM ]

Big Contact is a media publishing platform and a suite of tools that help you create viral players, podcasts, feeds and media sites.

Supported file types

Audio: MP3, 3GP
Video: MP4, FLV, 3GP

Installation

Create an account and activate it ► create a channel ► go to your Big Contact channel and publish your posts.

Note: Your files can be located anywhere accessible on the Internet.
Click Feed Players ► choose a player ► copy its embed code. For example:
<object type="application/x-shockwave-flash" width="480" height="386" data="http://bigcontact.com/feed-player/mori79/r:0;t:4073"><param name="quality" value="best" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://bigcontact.com/feed-player/mori79/r:0;t:4073" /></object>

Get back to your Google Site ► click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Flash Wrapper" by Mori ► Select ► enter the flash URL ► customize the gadget Display ► OK ► Save.

Result

Notes:

All changes you make to the posts will be reflected in your feed players.

To get an audio/video file on a separate player, click View Website and click Share on its player to get the embed code:

Examples

Share your Thoughts ▼

DiscussPlease note that all posts are moderated.

Follow Mori79 on Google+Home | Contact Me | Google Sites Help | Back to Top ▲

	Search this site

Navigation