http://sites.google.com/feeds/content/site/mori792013-05-22T13:35:41.270ZPosts of Media PlayersGoogle Sites1PostsOfMediaPlayershttp://feedburner.google.comhttp://sites.google.com/feeds/content/site/mori79/77856116621096194432010-01-02T18:11:36.263Z2013-05-22T11:05:18.019Z2013-01-11T21:27:10.546ZXSPF Web Music Player
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:
    https://sites.google.com/site/site-name/file-cabinet/xspf_player.swf?attredirects=0
    https://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:

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

    https://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

Morteza Mirmojarabianmori79@gmail.comxspf-web-music-player81http://sites.google.com/feeds/content/site/mori79/6864172227234367272009-11-16T16:34:23.273Z2013-01-11T21:28:25.118Z2013-01-11T21:28:23.218ZFlash Wrapper
Flash WrapperUse this gadget to embed a Flash movie/SWF in your page.




Instructions

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

Note: Setting flash 'transparency' to 'yes' overrides its 'background color' setting.

Example

  • Default background color



  • Custom background color



  • Transparent
More examples




Morteza Mirmojarabianmori79@gmail.comflash-wrapper102http://sites.google.com/feeds/content/site/mori79/73107620430017684922010-01-02T18:01:31.160Z2013-01-11T21:27:46.613Z2013-01-11T21:27:44.811ZGoogle Reader Player
Google Reader has a built-in MP3 player that can be embedded on Google Sites.

Features
  • Volume control
  • Timer
  • AutoPlay function (optional)
  • Keyboard shortcuts
    • space key: play/pause
    • right/left arrow keys: fast-forward/rewind
    • up/down arrow keys: volume up/down 

Installation
  • Download the player and unzip it.
  • Upload audio-player.swf to your Site ► copy its link and remove any extra URL parameter. For example:
    https://sites.google.com/site/site-name/file-cabinet/audio-player.swf?attredirects=0
    https://sites.google.com/site/site-name/file-cabinet/audio-player.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:
      audioUrl=http://www.example.com/song.mp3
      Note: To turn on the autoPlay function, add &autoPlay=true to the FlashVars value:
      audioUrl=http://www.example.com/song.mp3&autoPlay=true
    • Height:
      27 pixels

Morteza Mirmojarabianmori79@gmail.comgoogle-reader-player49http://sites.google.com/feeds/content/site/mori79/86991578332315525012010-01-02T18:13:21.754Z2013-01-11T21:26:41.050Z2013-01-11T21:26:38.873ZJW Player
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:
      https://sites.google.com/site/site-name/file-cabinet/player.swf?attredirects=0
      https://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='https://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='https://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:

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

      https://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

Morteza Mirmojarabianmori79@gmail.comjw-player79http://sites.google.com/feeds/content/site/mori79/2513453395414138412011-07-30T11:00:56.713Z2013-01-11T21:26:19.772Z2013-01-11T21:26:17.790ZYouTube Video
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:
  1. To set the video background to transparent, add ?wmode=transparent to the URL:
    http://www.youtube.com/embed/kefTLicuxb4?wmode=transparent
  2. 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&amp;hl=en_US" frameborder="0" allowfullscreen></iframe>

Result




  • Channels

    • Click Edit page ► Insert ► More gadgets ► Public ► Search Templates: "Iframe Wrapper" by Mori ► Select ► enter the following URL:
      http://www.gmodules.com/gadgets/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=ChannelName
      For example:
      http://www.gmodules.com/gadgets/ifr?url=http://www.google.com/ig/modules/youtube.xml&up_channel=NASAtelevision
    • Customize the gadget Display ► OK ► Save.
Result

Morteza Mirmojarabianmori79@gmail.comyoutube-video19http://sites.google.com/feeds/content/site/mori79/78894104008777548292011-12-03T17:44:14.096Z2013-01-11T21:25:47.290Z2013-01-11T21:25:45.280ZFlash Media Playback
Adobe Flash Media Playback is a configurable video player.

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:
    https://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf
    and flashvars value:
    src=http%3A%2F%2Fwww.example.com%2Fvideo.flv&poster=http%3A%2F%2Fwww.example.com%2Fimage.jpg
  • Customize the gadget Display ► OK ► Save.
Result

Morteza Mirmojarabianmori79@gmail.comflash-media-playback23