Home

Main Menu

Featured Links:
embedia demo


embedia Demo and Tutorial PDF Print E-mail
Written by brilaps   
Sunday, 13 April 2008 10:07

embedia 3.0.1 Release can be downloaded from

http://code.google.com/p/embedia/downloads/list

 

embedia 3.0.1 Demo

The following paragraphs are still somewhat valid. We're still working on the  "moseasymedia" -> "embedia" transition.

As you will see in the demo pages, moseasymedia and embedia are pretty much the same thing. Download it, and give it a try!


Here comes moseasymedia 2.0 with some pretty cool features.

moseasymedia supports media plugins and media players that support wmv, wma, divx, midi, avi, mpg, mpeg, asf, asx, swf, flv, dcr, dir, mov, mp4, ram, rv, rpm, ra, mp3, playlist files (RSS, Atom, XSPF) extensions to name a few.That pretty much covers all the media formats  that exist today. Under the circumstances when the media type cannot be determined from the extension, moseasymedia tries to match the media's host domain with it's supported players.


moseasymedia 2.0 supports regular window popups for videos, and a Thickbox window. This way, you can allow your visitors watch the videos without all the obstrusive content around them, or perhaps popup the music in a seperate popup window and let your visitors keep browsing on your site. You can also add a mediathumbnail image on the main page, and a link beneath it to say something in the lines of "click here to watch".

moseasymedia is very customizable, very flexible and very simple. Almost all the object/param/emded tags can be customizable for each supported player, and you don't even need to know anything about them. We already set some defaults for you. You may choose to change them globally in the Mambot/Plugin configuration, or override a few of those params per each file you're embedding.

With the 2.0 release moseasymedia introduced a few more parameters to handle the popups.
"popup (=none, =window, =thickbox)", "popupwidth", "popupheight", "popuptoolbar", "popupmenubar", "popupscrollbars", "popupmediathumbnail".

See how they're used in the next pages. And take a look at the documenation on http://wiki.brilaps.com 

moseasymedia supports the following players out of the box.

  • Windows Media Player
  • Flash
  • Shockwave
  • Quicktime
  • Real Player
  • DivX
  • JW FLV Player
  • JW Media Player
  • JW MP3 Player
  • XSPF Web Player Extended & Slim


The following pages will demonstrate the flexibility of moseasymedia. In almost all cases you can get away with a simple { moseasymedia media=somesong.mp3} tag, and that's all.


Notes and Remarks:


  • You may not be able to view some of the demo pages, possibly because of missing plugin or codec.
  • The space between the "{" and "moseasymedia media=.........." is put in there to demostrate the moseasymedia tag to the reader. The actual video embedding tag must not have it.

  • In our site wide configuration, the popups are set to "thickbox", therefore anytime we want to show the media on the actual page, we use popup=none in the moseasymedia tag.

  • I am rapidly growing tired of those demo videos myself. If you have something interesting (nothing PG or R rated please) and would like us to include in those pages, please shoot me a message and save me from my demo-page misery : ))

  • In this demo site, we set the popup windows default to "thickbox". Therefore, we use a few popup=none attributes in the moseasymedia tags. If you set the default setting to none, you won't need to add those.

Emdedding Flash SWF


There you have a very nice flash video, and want to display it in full effect.



{ embedia media=http://mambojoomla.com/streaming/videos/opening.swf width=300 height=300}





We can also embed the same file using JW Media Player. Did you notice a logo on the top-left ? How abot the title at the bottom? And did you notice the info button (>) next to the title, which takes you to another site?

click on the link below to play the media
Click here to open in another window.


{ embedia media=http://mambojoomla.com/streaming/videos/opening.swf player=JWMediaPlayer title=here_is_a_title link=http://brilaps.com popup=overlay}

 

Embedding Video with Windows Media Player


Please, someone please send me a nicer .wmv file. :)



{ embedia media=http://www.ocszone.com/streaming/videos/evianbabies.wmv width=340}

 


 

How about the same video as a Overlay popup, so you can watch the babies bigger :)

click on the link below to play the media
Click here to open in another window.

{ embedia media=
http://www.ocszone.com/streaming/videos/evianbabies.wmv autostart=1 width=400 height=300 popup=overlay popupmediathumbnail=http://img.youtube.com/vi/3rMRBH9nrP4/2.jpg}




Other available file types for Windows Media Player can be seen at http://support.microsoft.com/kb/316992 .

Embedding Audio with Windows Media Player


A .wav file.



{ embedia media=http://www.ocszone.com/
streaming/audios/DeadCanDance-Saldek.wav}



 

In the default configuration, the mp3 files are assigned to JW MP3 Player. Here, we are forcing Windows Media Player to handle the mp3's for this instantance. In this example, we do not want our song autostart (autostart=0) and we want a tiny player, therefore we override the width.

{ embedia media=http://www.ocszone.com/streaming/audios/DreamTheater-YtseJam.mp3 player=WindowsMediaPlayerAudio  width=200 height=24 autostart=0}




Another file embedded with the autostart=0.


{ embedia media=http://www.ocszone.com/streaming/audios/mediaexample.wma autostart=0 width=200 height=50}

 

Other available file types for Windows Media Player can be seen at http://support.microsoft.com/kb/316992 .

Emdedding Quicktime


In this example, embediaQuicktime CSS class has a black background. (css/embediaQuicktime.css)

.embediaQuicktime {
width:300px;
height:300px;
padding:10px;
background-color:#FF0088;
text-align:center;
vertical-align: middle;
}

An interesting .mov video that came across at http://www.freevlog.org/

{ embedia media=http://mirrors.creativecommons.org/wannaworktogether/wannaworktogether.mov popup=none}



 

If I wanted to have this in a popup window, I would written;

click on the link below to play the media
Click here to open in another window.

{ embedia media= http://mambojoomla.com/streaming/videos/sample_sorenson.mov  popup=window popupheight=600 popupwidth=600 width=580 height=580}

Emdedding RealPlayer

*Sometimes those files are not accessible. If you'd like your .rm, .ram files in this page, please contact us. Free advertisement, can't beat that Money mouth

 

This is a .ram video in an overlay.

click on the link below to play the media
Click here to open in another window.



{ embedia media=
http://www.ocszone.com/streaming/videos/realvideo10_512.ram
popup=overlay}




What is you only need to the ControlPanel and no popup feature. Plus a height override.



{ embedia media=
http://www.ocszone.com/streaming/videos/realvideo10_512.ram controls=ControlPanel popup=none height=80}

 

Emdedding DivX


As simple as it gets;



{ embedia media=http://www.ocszone.com/streaming/videos/video1.divx }

*need to put the popup=none's on this site, because the default is set to "thickbox"


 

What if you wanted the overlay popup be pretty big?

click on the link below to play the media
Click here to open in another window.



{ embedia media=http://www.ocszone.com/streaming/videos/video1.divx width=700 height=500 popupwidth=800 popupheight=600 popup=overlay}

 

XSPF Playlists with XSPF Player


Say, you put together a nice playlist of your songs, but many visitors don't like to get stuck on the page for 1 hour to listen to an entire album. What do you do? popup=window can be the answer !



click on the link below to play the media
Click here to open in another window.

 or an overlay 

click on the link below to play the media
Click here to open in another window.




Let's see the same playlist in action with JW Media Player.



{ embedia media=

http://mambo.mambojoomla.com/streaming/playlists/xspf_playlist.xspf player=JWMediaPlayer autostart=false displayheight=260}


The XSPF Playlist used above.
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<!-- title of the playlist -->
<title>Some Music</title>
<!-- name of the author -->
<creator>Ozgur Cem Sen</creator>
<!-- homepage of the author -->
<info>http://www.ocszone.com</info>
<trackList>
<track>
<location>
http://www.ocszone.com/streaming/audios/TheDivaDance.mp3</location>
<!-- artist or band name -->
<creator>Eric Serra</creator>
<!-- album title -->
<album>5th Element Sound Track</album>
<!-- name of the song -->
<title>The Diva Dance</title>
<!-- comment on the song -->
<annotation>Amazing</annotation>
<!-- album art -->
<image>http://ec1.images-amazon.com/images/I/41E40GCRPBL._AA240_.jpg</image>
</track>

<track>
<location>
http://www.ocszone.com/streaming/audios/DreamTheater-YtseJam.mp3</location>
<!-- artist or band name -->
<creator>Dream Theater</creator>
<!-- album title -->
<album>When Dream and Day Unite</album>
<!-- name of the song -->
<title>YtseJam</title>
<!-- comment on the song -->
<annotation>Amazing</annotation>
<!-- album art -->
<image>http://g-ec2.images-amazon.com/images/I/21-XXJ9ZMbL._AA115_.jpg</image>
</track>

..................

........

....

</trackList>
</playlist>

RSS Playlists with JW Players

RSS playlists are pretty much the same as XSPF.

click on the link below to play the media
Click here to open in another window.



{ embedia media=http://mambo.mambojoomla.com/streaming/playlists/rss_playlist.xml popup=overlay}

 


 

Or, perhaps without any popups

 


{ embedia media=http://mambo.mambojoomla.com/streaming/playlists/rss_playlist.xml
popup=none}

 

RSS Playlist used above


<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
<channel>
<title>Sample RSS Playlist</title>
<link>http://brilaps.com</link>
<description>A sample playlist to demonstrate the RSS playlist capabilities</description>
<item>
<title>Booze</title>
<author>Ozgur Cem Sen</author>
<enclosure url="http://www.ocszone.com/streaming/images/2007-04-06Booze021.jpg" type="image/jpeg" />
<link>http://www.ocszone.com</link>
</item>
<item>
<title>Get A Grip</title>
<author>Aerosmith</author>
<link>http://www.ocszone.com/</link>
<enclosure url="http://www.ocszone.com/streaming/audios/Aerosmith-GetAGrip.mp3" type="audio/mpeg" />
<itunes:image href="http://ec1.images-amazon.com/images/I/31H92R6VB8L._AA115_.jpg" />
</item>
<item>
<title>Booze</title>
<author>Ozgur Cem Sen</author>
<enclosure url="http://www.ocszone.com/streaming/images/ocs_contact.jpg" type="image/jpeg" />
<link>http://www.ocszone.com</link>
</item>
<item>
<title>An FLV Movie</title>
<author>some flv movie</author>
<link>http://www.ocszone.com</link>
<enclosure type="video/x-flv" url="http://www.ocszone.com/streaming/videos/user.flv" />
</item>
<item>
<title>A Flash Animation</title>
<author>some animation</author>
<media:content type="application/x-shockwave-flash" url="http://www.ocszone.com/streaming/videos/opening.swf" />
</item>
<item>
<title>Booze</title>
<author>Ozgur Cem Sen</author>
<enclosure url="http://www.ocszone.com/streaming/images/ocs_contact.jpg" type="image/jpeg" />
<link>http://www.ocszone.com</link>
</item>
</channel>
</rss>uthor>Ozgur Cem Sen</author>
<enclosure url="/streaming/images/ocs_contact.jpg" type="image/jpeg" />
<link>http://www.ocszone.com</link>
</item>
<item>
<title>An FLV Movie</title>
<author>some flv movie</author>
<link>http://www.ocszone.com</link>
<enclosure type="video/x-flv" url="/streaming/videos/user.flv" />
</item>
<item>
<title>A Flash Animation</title>
<author>some animation</author>
<media:content type="application/x-shockwave-flash" url="/streaming/videos/opening.swf" />
</item>
<item>
<title>Booze</title>
<author>Ozgur Cem Sen</author>
<enclosure url="/streaming/images/ocs_contact.jpg" type="image/jpeg" />
<link>http://www.ocszone.com</link>
</item>
</channel>
</rss>


JW Players are released under Creative Commons license. Please contact Jeroen Wijering for commercial licensing.

M3U Playlists


You can also create a playlist for Windows Media Player



{ embedia media=/streaming/playlists/m3u_playlist.m3u popup=none}

M3U Playlists are very straightforward. Simply type in the links to your files in a text file. Save it as an .m3u file.

Emdedding FLV


This video is from the folks at partof.com .

Part Of: creative concepts & ideas. HD filming. 3D logos. Web dev. Graphic Arts. Metaphysical Products.




{ embedia media=http://partof.com/shared/ocszone/fhident720x486.flv popup=none}

 

The video below will have a floating control bar.

Notice the height and displayheight parameters.

{ embedia media=http://partof.com/shared/ocszone/fhident720x486.flv popup=none height=300 displayheight=300}

 

Emdedding from YouTube


You need to replace the ? and = signs with / .

http://youtube.com/watch?v=FMXCuW9LDps becomes http://youtube.com/watch/v/FMXCuW9LDps so that mosesaymedia can directly access the video.

click on the link below to play the media
Click here to open in another window.



{ embedia media=http://www.youtube.com/watch?v=w0ffwDYo00Q popup=overlay}

Emdedding from Google


Access the EMBED HTML section in Google Videos. Click the "Email-Blog-Post to MySpace" button. Select the SRC attribute within the EMBED tag.



{ embedia media=http://video.google.com/googleplayer.swf?docId=2078944470709189270&hl=en}


Emdedding from metacafe


You'll see the direct link to the video under the "embed" link.





{ embedia media=http://www.metacafe.com/fplayer/899368/funny_cats_collection.swf popup=none}

 

Others

"MediaSharingWebsitesUsing" parameter in the embedia mambot configuration can come in handy when you want to associate media from certain domains to certain players. Simply put in the domain in that box, and embedia will try to instantiate that player for the media to be embedded from those domains.

 

You can contact us here, or visit our support forum if you have any questions.

 

Download

Download at http://code.google.com/p/embedia/downloads/list

Documentation at http://wiki.brilaps.com/wikka.php?wakka=embedia or http://wiki.brilaps.com/wikka.php?wakka=embedia

Last Updated on Monday, 02 August 2010 05:07
 


Copyright © 2010 brilaps joomla 1.5 demo site for moseasymedia. All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.
 
Featured Links:
Content View Hits : 40423