Monday, October 21, 2013

Embedding an audio slideshow in Wordpress

To embed a Soundslides project in a Wordpress blog, follow these instructions*:
1. Create your audio slideshow in Soundslides.
2. Export and Zip
3. Sign in to host.soundslides.com/admin
4. Upload slideshow (upload the zipped publish_to_web folder
5. Once the project is uploaded, click Embed
6. Ignore the embed code in the box (which begins <iframe... )
7. Instead, click the link for the legacy Flash embed code.
8. You'll get something that looks like this: 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="620" height="533" id="soundslider"><param name="movie" value="http://hosting.soundslides.com/16285/soundslider.swf?size=1&format=xml" /><param name="allowScriptAccess" value="always" /><param name="quality" value="high" /><param name="allowFullScreen" value="true" /><param name="menu" value="false" /><param name="bgcolor" value="#FFFFFF" /><embed src="http://hosting.soundslides.com/16285/soundslider.swf?size=1&format=xml" quality="high" bgcolor="#FFFFFF" width="620" height="533" menu="false" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash"></embed></object>
9. Copy everything from <embed src= ... to </embed> You should get something that looks like this: 
<embed src="http://hosting.soundslides.com/16285/soundslider.swf?size=1&format=xml" quality="high" bgcolor="#FFFFFF" width="620" height="533" menu="false" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash"></embed>
10. Replace this: <embed src with [gigya src
11. And replace everything after flash" with a bracket: ]
12. You should get something that looks like this:
[gigya src="http://hosting.soundslides.com/16285/soundslider.swf?size=1&format=xml" quality="high" bgcolor="#FFFFFF" width="620" height="533" menu="false" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash"]
13. Publish away
* http://en.forums.wordpress.com/topic/using-soundslides-in-wordpress?replies=7

No comments: