We are pleased to announce the next release of our symSound Family of Audio Stacks, in addition to releasing a new addition to this Audio Stack Collection.
Whilst the look and feel may seem the same to the first releases made in 2009, under the hood all the code has been rewritten in addition to supporting:
* iPad and iPhone native playback, this is huge as the previous release was Flash based
* MP3, AAC media types now playable across all browser formats
If you have never used our Audio stacks before? We take an add once approach and all the magic is performed behind the scenes to generate the audio players. All you have to do is add links to audio files as we search the page for audio, yes you can even have an audio player in the Sidebar with our Stacks too.
So let me take you on a tour of using the stacks and show you all the Stacks Options available as to how these look on your web page
How it works
The video above gives you an idea as to how easy the symSound stacks are :)
When you have placed any of the symSound Stacks in a Rapidweaver Stacks page , these will start 'hunting' for audio files to play . Once you publish and/or view your published web page the audio files are rendered with the Audio Player whether this is Spin, FatDeck, Linear or PlayButton Stack.
HTML 5 native Audio Playback is available for : Mobile Safari (iPhone, iPad) and Pre.
All other browsers will see the player but will use Flash to take care of playing back the audio file.
Using the Stacks
All of our symSound Audio Stacks work in the same priciple of add once and forget . We take care of all hard work for you !
All you need is
1. Content with Links to your Audio files ( these can be assets/resources or ideally stored on your web server)
2. Add one of our symSound Stacks
3. Next we will click on (3) the Stack Inspector to view the options of each of the Stacks.
Options - Spin Audio Player
1. Loading Track Color
2. Playing Color
3. Ring Background
4. Text Hover Color
5. Text hover Background Color
6. Play next track ( as these are rendered in the page it is in a sequential order)
8. Disable the timer
9. Timer font color in playback
Preview - Spin Audio Player
Spin Player gives you a circular loader animation
Options - FatDeck Audio Player
1. Player Link Background
2. Player link Text color
3. Playing Font Color
4. Playing Background
5. Paused Font Color
6. Paused Player Background
7. Hover Font Color
8. Hover Background
9. Playing Status Bar
10. Status Bar Loading
11. StatusBar Paused.
12. Play Next Track ( as they are in page rendered order sequentially)
Preview - FatDeck Audio Player
A big player to really make a statement on your web page :)
Options - Linear Audio Player
1. Link Text Color
2. Link BackGround
3. Pause Text Color
4. Pause Background
5. Playing Text Color
6. Playing Background
7. Hover Text Color
8. Hover Background
9. Width of player (max 480px, this is suitable for page content areas and adjustable for sidebars too)
10. Play Next Track
Preview - Linear Audio Player
Clean looking with CSS color control and effects.
Options - PlayButton Audio Player
1. Button (not Playing) Color
2. Hover and Playing Color
3. Paused Color
4. Play Next Track
Preview - PlayButton Audio Player
Yes, that little button is the Audio Player control. Clicking on this the button rotates to indicate it is playing.
Make the link to your audio file (part 1)
Select the text you want to link to the audio file in your resources or stored on your web server
In linear player this is visible as the track title
Use the add link button
Enter the url/location to your Audio
Enter the url to your warehoused audio or if you use assets/resources then select this
If you have added the files as assets via page inspector this will be available in the add link dropdown menu
Resources - File Types Supported
All the new symSound Audio Player Stacks Support the following file types:
MP3 ( no variable bit rate as you might run into problems with Flash Playback, we have to sometimes play by Adobes rules too)
mp4 audio file extensions M4A and AAC - Not DRM protected audio.
Resources - Playback problems
All problems with playing back audio can be related to the following scenarios:
The link to audio file is not correct
Can you open the audio file url in a browser ? If not then check this otherwise there is no audio playback :)
Link is correct but I cannot play audio
If you open the audio url in a browser and you get a download prompt ( Firefox is best for testing this) 9 times out 10 this is related to incorrect mime- types for your audio track on your server. Check with your hosting provider first of all as there are too many hosting providers for us to keep track of and know all their individual nuances.
Here is a handy guide to Mime Types in general http://en.wikipedia.org/wiki/Internet_media_type
Resources - I have the previous versions of this What Do I do ? (in other words I have the old Flash version)
These new versions have been completely rewritten . Any pages you have with the old versions should have the old stack removed and the new symSoundman stack of your choice insterted.
You will need to do a re-publish ( or even a re-publish all) to ensure all scripts and css have been updated for the page/site.
Questions - Can I use in other pages than Stacks
Yes, using the Pluskit Plugin from Loghound is what we use here
Question - Can I have the same audio playing in other pages
Sorry, not yet the player and audio is fixed to the page you are viewing 'in-state' .