« My Book Reading Journal | Main | Time Tracking has arrived with Web 2.0 »

Web 2.0 Flash Mash-Up Tricks on CMS systems help keep them flexible, open and lively.

Well, while converting to Oracle's WCMS, dubbed UMContent here at the U of M, I've discovered that even though they have a proprietary approach to building sites, and pages, that if they don't block mark up you can pretty well get a long working with the newest (circa Sept 2008) forms of mash-ups.

A couple in particular are, sIFR, SWObject, and extending access via flash enabled media players.

So Oracle's WCMS (our UMContent) has little to offer when it comes to doing things like podcasts or offering dynamic text to image conversion using specific typefaces, right out of the box.

But they don't block you from using these techniques to deliver content and formatting in ways that enhance your site.

sIFR, SWObject, and extending access via flash enabled media players

So I created a wiki post to show how one of these works. It uses a word-press Flash MP3 Audio Player to let users listen to podcasts directly from you web page, even if they don't have a MP3 player on thieir computer.

Embedded MP3 Audio Player for use in Oracle WCM (UMContent).

  • Download the attached files on the bottom of the wiki page linked above
  • Upload them as "web assets" content into UMContent.
    • player.swf (the flash based audio player, almost everyone can use this!)
    • audio-player.js (this is the JavaScript?)
  • Upload your MP3 file into UMContent as "content" or "media" or whatever.
  • Copy and Paste the script/code below into your page (an .hcsp page, fragment or some other kind of page that can emit html into the page output)
  • Test it on desired browsers.

    <strong>Listen to this weeks podcast</strong>
    <object type="application/x-shockwave-flash" data="<!--$ssGetServerRelativePath(siteId, nodeId)-->/groups/csom/@pub/@csom/documents/asset/flash_mp3_player_javascript.js" id="audioplayer2" height="24" width="290">
    <param name="movie" value="<!--$ssGetServerRelativePath(siteId, nodeId)-->
    <param name="FlashVars" value="playerID=2&amp;soundFile=
    <!--$ssGetServerRelativePath(siteId, nodeId)-->
    <param name="quality" value="high">
    <param name="menu" value="false">
    <param name="wmode" value="transparent">


    <!--[if !IE]>-->

    <embed src="<!--$ssGetServerRelativePath(siteId, nodeId)-->/groups/csom/@pub/@csom/documents/asset/flash_mp3_player.swf" width="290" height="24" allowfullscreen="true" allowscriptaccess="always" flashvars="playerID=2&amp;soundFile=<!--$ssGetServerRelativePath(siteId, nodeId)-->/groups/csom/@pub/@csom/documents/asset/32138.mp3" />