Tuesday, March 18, 2014

Soundslides 101

Here are instructions for creating your audio slideshow with Soundslides, uploading it to a server, and embedding it in your blog.
1. Put all of your photos in a single folder. They must be JPEGs.
2. Save your edited audio file as an mp3 (or wav).
3. Open Soundlides and create a New Project. Save the New Project on your computer (or a flash drive -- you'll need to have access to the folder later).
4. Click the JPG button to load your photos into the project; Click SND to load your mp3 file (or wav) into the project.
5. The Soundslides editing screen will appear. Your sound will be on a timeline at the bottom. Your photos will be arrayed in a box in the upper right. The box in the upper left shows you the first photo.
6. You can rearrange the photos by dragging them around. You can increase or decrease the amount of time they appear by moving the vertical bars between each photo on the timeline.
7. The Slide Info tab allows you to put captions on the photos; you can make the caption appear at a pre-selected time.
8. The Template tab allows you to change the background and the look of the project.
9. The Project Info tab lets you give the project a headlne or title, and lets you add credits.
10. The Audio tab lets you upload a new audio file to replace the current one. 11. Once you're happy with your Soundslide, go to the upper left corner and click File, then Export and Zip. This opens your project folder. Don't do anything! 12. Go online to host.soundslides.com Sign in with danielwms as the account and Lyndon as the password. 13. In the upper left corner, select Upload Slide Show; Click Select File, and navigate to your project folder. Select the Zipped publish_to_web file only. Your Soundslides project will appear at the top of the list. 14. Click Embed to find the embed code, and embed it in your blog as usual. 15. Wordpress users: you may have to use this embed sequence: 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: