FMP3 & FVP

HTML & Gadgets‎ > ‎Media Players‎ > ‎

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 ▲

	Search this site

Navigation

FMP3 & FVP