Media+Display

toc A 2nd test page for trying your hand at adding multimedia to the C3HUU wiki, since the first one now has lots of useful and maturing samples.

Embedded Streaming Audio
Here is a new feature we just noticed in 1Q2012 (though it has been around since 2008!), a built in streaming audio player! Here are two audio files from this past Sunday's (2012-02-19) 2nd service with visiting minister Rev Molly H-G and last week's 2nd sermon audio from Maj-Britt:

Title ||~ Speaker ||~ Audio File || Marriage Equality in North Carolina" ||= Rev Maj-Britt Johnson || media type="file" key="120212_0141.mp3" width="240" height="20" ||
 * ~ Date ||~ Sermon
 * = 19-Feb-2012 ||= "Sermon: Faith at the Edge" ||= Rev Molly Housh Gordon || media type="file" key="120219_0144.mp3" width="240" height="20" ||
 * = 12-Feb-2012 ||= "Standing On The Side Of Love:

This Wikispaces Audio player does embed correctly into a table when you place an audio files in a table as shown above. Then the player is automatically linked to the audio player. Note that the Speaker entries cut-and-paste directly from the table on this page:

This appears to work so well, we are now replacing the http://c3huu.org/sermons page with this format.

Collecting an audio file and then creating a table such as the one above requires the following steps: > Download the sermon audio file from the my.pogoplug.com server > This is something we could do say for select sermons, including perhaps a few month's worth of sermons and some other "featured" sermons. This will quickly use the space we have available on Wikispaces.com, so we could upload sermons more selectively and use the current my.pogoplug.com service as the archive of sermons with directions on how to "download" an audio file from there rather than "click to play" which is the expectation of many people.
 * 1) Capture sermon audio using Soundroom Tascam DR-03 audio recorder
 * 2) Turn DR-03 recorder off, then back on to USB mode (PC attached mode). This automatically uploads the latest sermon audio to the Pogoplug Cloud server. After a few minutes turn the recorder off.
 * 3) Log in to the my.pogoplug.com server and select "Get Link" on the latest sermon audio file. It may take up to 30 minutes for the file to appear on the my.pogoplug.com web site.
 * 4) Cut and paste the link into the Sermon Audio spreadsheet on Google Docs and add the appropriate label such as "MP3 File". NOW the link to the file appears in the table of sermons on http://c3huu.org/sermons
 * 5) EXTRA STEPS for creating the audio file link above start here:
 * 1) Open the c3h.wikispaces.com page for editing and upload the sermon audio using the "File" control on the Wikispaces editor. Wherever you place the cursor you will now see the Wikispaces Audio player inserted.

Another reference includes the Google Audio Playerwhich can provide stream for URLs from other places (such as the Pogoplug server). The custom code embedded below is implemented by selecting the "Widget" edit icon, then embedding in the "Other HTML" link at the bottom of the pop up window. In this case, replace "MP3link" with "http://ppl.ug/qqc9QVJP6VM/120212_0141.mp3" code  code Here is Maj-Britt's sermon from 2012-02-12:

media type="custom" key="12581348"

Attempts to directly embed this Google Audio Player without using the "Widget" failed. The problem with this approach is that one has to create a new custom widget for each new MP3 file.

Some promising options are the embedded players such as:
 * Wimpy MP3: a very nice and modest cost player which can be embedded, then allow editing of the playlists. Best for a web site where full HTML access is possible.
 * Wordpress Audio Player: another similar to above, but free, and less refined
 * SCM Music Player: seems embeddable and alterable, worth more testing in Wikispaces see below

SCM Music Player widget, can be embedded using the embedded HTML below. BUT installing this makes editing of a page difficult, so I have disabled the SCM player. Text will display either at top or bottom of the page along with the SCM Music Player controls. Note that the "playlist" must be entered in text and each change requires a complete update to the widget. However, this version does include a playlist that pops-up on the right part of the screen if the button to the far right is pushed. code

  SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback': {'autostart':'false','shuffle':'false','volume':'50'},'playlist':[{'title':'Maj-Britt%27s 2012-02-12 sermon at C3HUU','url': 'http://ppl.ug/qqc9QVJP6VM/120212_0141.mp3'},{'title':'Campus Ministry leaders sermon 2012-02-05 at C3HUU','url': 'http://ppl.ug/AlVADGoUYSc/c3hsermon1-120205_0140.mp3'}], 'placement':'bottom','showplaylist':'false'}");

code

Embedded Photo Viewer
Google Picasa no longer has a special link in the WIkispaces widget tool to create slideshows in Wikispaces, :-(

Flikr does have an special tool, here is a short Flikr "set" of slides setup to show on our C3HUU web page:

Test of photos from SotSol 911 event: media type="custom" key="7041717"

Please do try your hand at any other Wikispace markup after getting signed up by clicking the "Join" link in the upper left of the screen and following the directions.

Embedding Wordpress blog
Embed wordpress: rss url="http://c3huu.wordpress.com/feed/" link="true" description="true" length="80" number="10" date="true" author="true"