Make Mobile-Friendly Multimedia with Soundslides iOS Shell
Chances are, you’re never too far from your iPhone, and that means you can take the stunning audio slideshows you create in Soundslides with you on the go. How? The answer is in the ‘shell.’ Once you have selected the ‘TEMPLATE’ tab, selecting the ‘SHELL’ tab will allow you to further customize both the player and the Web page that contains it.
In the ‘SHELL’ drop-down menu you’ll see a lot of options; choose iOS_html5. This player is the same as the default Soundslides player, except it uses a standards-friendly W3C-valid method to embed Flash content, SWFObject 2.1. It also uses a HTML5, mobile-friendly (iOS), version as the fallback when Flash is not installed or displayed on an Apple iPad or iPhone.
Once you’ve selected the iOS Shell, finish creating your Soundslides project. When it comes time to publish, you have two options – you can use the free Soundslides hosting or you can publish the folder to your own website. Once you’ve uploaded your project to the Internet your project will show up on its own page. Simply type ‘?embedcode’ after the url in the address bar at the top of the page.
You’ll be directed to a page that looks like the one below. Choose the ‘Responsive Scaling Embed Code’ option. You’ll need to complete two steps. First, you’ll need to copy and paste the CSS code to your html page. This should be added before the ‘‘ tag or to its own separate styling sheet. Second, you’ll need to copy and paste responsive code into your web document. And, voila, a mobile-friendly multimedia project wherever you go!