g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

All times in EST

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Kwik Page Template - Add Audio

So far in the tutorial series, we have created the cover and first page of our Kwik book app. We have added navigational buttons to the first page in preparation for using this page as a template for other pages. Now, we are ready to add some audio to the template.

As we mentioned earlier, we will have a simple linear animation that will emulate a page turn and plays when a page loads. Before we get started building this animation, we will add a small audio file that will also play every time a page loads. This is a simple 6 kb page flip sound .mp3 file.

There are two main types of audio that you might want to add to your book app. The first is the narrative audio for the "Read to Me" option. The other type includes sound effects and background music. Our paper sound audio falls into the second category.

Short and Streaming Audio

A mobile device loads an audio file in two ways. A short audio file can be loaded in to memory immediately when the page is displayed. This works best for small sized audio files. For larger files, such as narrative text, it is best to stream these files. This will allow the audio file to begin playing before the entire file is loaded into memory. Streaming audio prevents a noticeable delay between when the page loads and the audio begins.

Let's walk through adding our paper sound audio file into the template.

  1. In the Page/Components section of the Kwik panel, select page1. You should see "@ page1" at the top of the section.

  2. Click on the Switch to Components View icon to see your list of components already added to this page.

  3. From the Category bar, click the Project and Pages icon.

  4. Click the Add Audio icon (second icon in the second row of tools) to open the Add Audio dialog box.

  5. Location: Use the Browse button to locate the audio file you wish to add.

  6. Short File: Our audio file needs to play as soon as the page loads. Check this box.

  7. Allow Simultaneous Repetition: We do not want this option. Leave the box unchecked.

  8. Read Me File: This audio is not for the "Read to Me" feature. Uncheck the box.

  9. Play when page starts: Check this box.

  10. Play in all pages: This option is used for music that continues between pages. Uncheck this box.

  11. Loop: Times 1 and Delay 0 seconds

  12. Volume: 10

    Note: As you can see by the number 1 in the Use Channel box, this audio file will be assigned to channel 1. Kwik gives you 32 sound channels and you will want to attach each audio file to a separate sound channel. You can do this by putting your chosen channel number is the box.

  13. Click Save.

  14. You should see the paper.mp3 audio file listed in the components list.

Join us in the Flash forum. | Join us in the Digital Art and Design forum.


Add Kwik+Page+Template+%2D+Add+Audio to Twitter Add Kwik+Page+Template+%2D+Add+Audio to Facebook Add Kwik+Page+Template+%2D+Add+Audio to MySpace Add Kwik+Page+Template+%2D+Add+Audio to Del.icio.us Digg Kwik+Page+Template+%2D+Add+Audio Add Kwik+Page+Template+%2D+Add+Audio to Yahoo My Web Add Kwik+Page+Template+%2D+Add+Audio to Google Bookmarks Add Kwik+Page+Template+%2D+Add+Audio to Stumbleupon Add Kwik+Page+Template+%2D+Add+Audio to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Pocket Wedding Invitation SVG Cut File

Planning a Wedding Suite Design

Draw a Spiral Christmas Tree in Illustrator

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor