|
Multi-Track Project Management and Creation
This first screen:

Is where you can:
- add your audio tracks
- preview or listen to the audio tracks
- add trigger points to any audio track to change website content in the page itself while your audio plays
- add a redirect to any track to send the visitor to a new url
- open one or more new windows at points during play of any track
- add pause points that stop the audio at precise moments with optional timed resume which can be used in combination with a "trigger point"
Not all options are visible when you first view the initial screen. More advanced options will appear after you add your audio track and select it. This screen looks like the image above before a track is added to your project:
First to add one or more audio files click on the "Add Tracks" button.

Once you have added one or more tracks the left side of the screen will list them:

You can click on any one of the tracks in the list to show more options including a track timeline and a play button on the right side of the screen:

To preview your audio you can press the play button. When you hover over the play button and the buttons next to it you will see some text appear that will tell what the buttons are for.

The play button allows you to listen to and preview the track. You can pause the audio using the same button which displays a pause symbol after play is pressed. If you want to return to the beginning of the track or skip ahead on the time line you can pause the audio and click where you want to resume on the timeline and press play again.
You may also click anywhere on the timeline itself to skip around to certain points in the track while the audio plays.
The button with a plus symbol is for setting "trigger points," pause points, or redirect points in the timeline of the audio track.
This "trigger point" setting option is part of the advanced feature that can be used to control or change content in your page using iframes during the play of the audio, open a url in a new window during the play of the audio, pause the audio at precise moments during the play with optional timed resume, or create a simple redirect to another webpage at the end of audio play.
If all you want to do is create a simple audio presentation with no advanced "trigger" options:
You do not need to use or understand this trigger point and redirect url setting feature.
In that case you simply do the following:
1. Add your tracks and order each one using the buttons and save button 
2. Rename each track by clicking on it and editing the name field that appears in the left of the screen and clicking the the button after editing each one.
3. Once you have edited ordered and saved each track you can just click on the button or the button to take you to the these simple options screens to finish your project configuration and finally save the entire project by clicking the button.
You will find the help pages for the and screens linked to from the bottom of those screens.
Attention! Do not forget to save your project!
The button is different than the button. The button is for saving changes to settings for each individual track. The button is for saving the entire project and outputting the supporting files including the config.dat file which will allow you to open and make changes to the project any time you want in the future.
Note: If you wish to have the audio player redirect the visitor to a new url at the end of the audio, or if you wish to open one or more urls in a new window during or at the end of the audio play, or if you wish to use any of the advanced "trigger point" technology features I will explain it below after I finish with my explanation of the basic functions of this initial project management screen.
Don't forget to save your project !
Any time you change something in your project and want it to be saved while you work on the project make sure you click this button: before moving on.
The button is used to save changes to project name, trigger points, and other changes and project settings on the manage projects screen.
Do not confuse the button with the button. The button is for saving the entire project and outputting the files to the project folder where you are saving your project. You must use the button if you wish to complete your project and produce all the files necessary to put it on the web and you must use the button if you wish to close the software and edit/work on your project later. The button is for saving options and settings and trigger points during the actual project management/creation process.
Do not forget these two buttons. If you forget to use them to save your work you will have to redo it.
How to put players in your webpage
Once projects are saved and ready to put on your webpage you simply open the html page for each project which will be named player_0.html player_1.html etc in your html editor or in a text editor and view the html source code.
For projects using javascript output you will copy from the <script> tag to the </noscript> tag and paste that code exactly where you want the player to appear.
For projects using html output without javascript you will copy from the <object> tag to the </object> tag.
I will explain more about the difference between javascript and html output on the help page for the screen.
Once you have pasted the code for all your players in the html page where you want them to appear you simply upload all the supporting files to the web in the same directory (folder) as the html page where you want the players to appear.
This is how you can quickly and easily generate lots of audio buttons for one webpage without having to worry about duplicate file names.
No other audio software that I know of has this feature which makes adding multiple audio players to the same page a snap.
If you do not want to place the players in a specific page on your site you can simply upload the html files that were output when you clicked and upload the other supporting files and use that plain html page with the player in it to display your audio.
Advanced "trigger point" Instructions
Website Jukebox players are the only website audio players in the world with this powerful trigger point technology.
The advanced features include:
- Redirecting to a new url at the end of the audio
- Opening one or more urls in new windows during audio play
- Pausing the audio automatically with timed or manual resume
- Adding a trigger point to a pause point to change webpage content for emphasis and calls to action (see strategy tips below).
- Creating triggered content changes in a page at precise moments during the audio play to change and display any type of web content an unlimited number of times while the audio plays.
- Creating any combination of audio triggered webpage content changing slide shows, interactive elements, pause points, new window triggers, and redirect.
- Creating content changes in single or multiple precise areas of the page during audio play at precise moments using trigger points and iframes.
Also Below You Are Strategy Tips for Using These Powerful features.
Advanced :
1. How to create a
simple "redirect" so that when the audio stops the listener is
directed to a new page:
When you add an audio track you will see the "Track
Timeline" appear with the advanced controls. Using your mouse cursor click on the end of the track time line. Next cick on the button. a point will be added to the timeline and You will now see some new options appear
to the right of the track time line:

You will see a box that asks you for the "redirect url" this is where you
enter the entire url of the webpage you want the web visitor to be redirected to at the end of the audio play including http:// so
your url will look something like http://www.websitename.com -
Next you will notice that there is a selection of targets to choose from but for a simple redirect you are only concerned with choosing the target called:
You use _self if you select this target then then at the end of the audio
the visitor will be taken from the page with your audio presentation on it to
the webpage that you have defined for them to be redirected to.
Optionally you can use the target . You use _blank if you want to open a url in a new window instead of redirecting them. This allows you to keep the page they were on with your audio presentation open while you can use the audio and a trigger with the target direct their attention to the new page you want them to visit.
Note: Remember that
any time you enter a url into the Website Jukebox software during the
presentation creation process it needs to be what is call an "absolute url"
which means that you need to include the http://
Note: Make sure to click the button once you have chosen your redirect settings.
Once you have saved a point by clicking the button if you need to delete a point you do so by clicking on the square box below the point now the point delete button button will be clickable. Click it after you have clicked on the point you want to delete and it will be deleted.
2. Special trick 1: You can also
set a "trigger point" or many "trigger points" to open a new
window during the play of the audio, not just when it ends. This is good for
presentations when you are speaking about a website or resources that are
online and you want your prospect to take a look at the third party webpage
while your audio is playing.
Right when you are talking about a web site, resource, or recommendation you
can set a "trigger point" and choose the _blank target
which will tell a
new window to open and show a specific webpage that you have entered into the "redirect
url" text box (don't forget to included http://) that has to do with what you are
speaking about this.
You can also select _blank as a target at any point during the audio even multiple points. However, since opens a new window don't get too crazy with it and open a lot of windows or you may annoy your visitor. I recommend only using as a target for a trigger once or twice during a presentation.
Remember with a target for any trigger point on the timeline as the audio plays a new
browser window will open but the original window will stay open as well. This is
useful if you want the visitor to stay on your site but look at a page on
another site.
Tip: If you are the one creating the actual recording for
your presentation you may want to say something to let your visitor know that
you are going to open a new window and show them a webpage you want them to look
at. This way they are expecting it when the event happens.. you might say
something like "and now I want to show you a website..." and then set the
trigger point to open at that moment in your audio presentation.
Advanced strategy: Imagine if you directed your clients to a webpage with your audio presentation
where you were speaking about a specific business strategy or model. You could
weave a suggestion for a product or service that complimented what you were
sharing with them into the conversation. You could actually "trigger" a new
webpage to open. This could even be an affiliate page for a product you want to
promote.
The page with your audio presentation will still be open
and your audio will continue to play. You could literally talk them through
looking at a product page that you are an affiliate on for a site that is not
your own simply because you opened it in a new window and the original page
continues is still open and the audio continues to play.
This is very powerful and you can do it as many times as
you like during your audio presentation... just don't over do it ;-)
Here is how it is done:
Once you add your audio track and the "track time line" is visible
press the play button to listen to you audio. Then press the pause button at a moment in the audio
when you would like to cause a "triggered event."
While the audio is
paused at the point where you want to have the "triggered event" click on
the "add point" button. If you need to rewind the audio you may do so by
clicking directly on the time line while it is playing or by clicking on the time line while the audio is not playing and then pressing the button.
After you have clicked the "add point" button you will see the target options
appear on the right. Enter the full url of the webpage you wish to open in the "redirect
url" window and choose _blank as the target which will tell the
player that you want a new window to open and display the webpage url you
entered at that point during the play of the audio on your website.
Now press the "save" button to save the point on the time line and its target settings. Do not forget to press the "save" button for each trigger point you put on the . Repeat the
process to set more points.
Attention! Do not forget to click "save" for each point
after creating each point.
3. Special trick 2: You can also
set a "stop point" and optionally assign it a "timed resume" at any moment during the play of any track. If you leave the timed resume at 0 it will not resume play until the website visitor presses play on the player. In this case I recommend including either some warning in the audio that the audio will temporarily stop and resume after a set time or tell them that when they are ready they must press play if you are not using a timed resume.
This
"stop point" could be at the end or some time during the play.
Pause point strategy explained:
You may be asking your self
"what is a pause point and can it be used for?" Let me explain.
Lets say that your visitor is listening to your audio
and at some point during the presentation you want them to take a specific
action. During the play of your message, if you are the speaker, you may even
tell them something you want them to do at that moment...
In order to place emphasis on what you just told the
listener of the audio to do you can set a "stop point" which is done the
exact same way that a "trigger point" is set. Just use the play button to
listen to the audio track and pause it when you want to set your point. Click the button to set your point and then click the option.
Next choose whether the stop point will wait for the visitor to press play when they are ready or use a timed countdown which you can set by entering the number of seconds you want it to wait: .
If you do not want it to use the timed resume just leave it at 0 seconds.
Advanced
direct response marketing audio strategies for use with Special trick 2:
Advanced direct response audio
marketing strategy 1:
In order to use this strategy you will need to first
fully understand the use of audio "triggered events" in combination with
iframes in your webpage which allows you to actually change content in your
webpage triggered by your audio at precise moments that you set on the time
line. This is explained in Advanced part 4 below which deals specifically with audio visual
tours created using "triggered events."
Ok so I am going to assume you at least have a basic
understanding of how you can use "triggered events" to call changes in web
content using iframes. If you do not you may want to review "Advanced 4." below first.
If you want to see an example of an audio presentation with visual content changing triggered events in it using iframes before I go on to explain how to do it below you may view one here:
http://www.totalwebaudio.com/product_ebook/index0.html
On that example page use the >> button in the player and click it over and over until you get to track 12 in the multi track player then let it play. Track 12 has lots of slides and content changes in it.
At the 6:30 mark of that presentation you will even see the audio trigger or call a video into the iframe to illustrate what is being discussed. If you want to fast forward you can simply click and hold the >> button to fast forward through any of the tracks.
Ok now here is how you do it:
Imagine the following example:
You have set a point on your timeline that
will call or "target" a change to an iframe and tell the iframe
to display new content you have prepared. Lets say that you have a player on
your page and next to or underneath the player in a place where the website
visitor can easily see is the iframe. You probably set the iframe with starting
content in context with the presetation...
Lets also imagine that you want to get the listener to
subscribe to your email list or newsletter. Here is the strategy:
During your audio you will invite the prospect to
subscribe to your newsletter and tell them that if they act now they will get a
special bonus or something of value for free.
Tell them that in a moment the
player will display an email subscription form that they can enter their
information into in order to subscribe and get the valuable gift you have for
them.
Next warn them that the audio will stop playing and show them the form and
they will have xx amount of seconds (you choose how long) to fill in the form
before the audio will resume and the form will disappear.
Do you see the power of that?
So to accomplish this all you have to do is set a trigger point then select the option to make it a stop point, define the length of the pause you want for your stop point , and set
a second trigger point just after the stop point on the time line which will be triggered once the audio starts playing after the stop point resumes except this trigger point will have as the target which will tell the iframe you have assigned as the custom frame for that trigger point which you set on the timeline by clicking the point set button . You enter the name of the html page containing the content you want to display in the iframe the redirect url box and when the audio hits that point it will trigger the event to change the content of the page and display the content of the url in the iframe that you have embedded in the page.
Important note regarding targeting an iframe:
When you target an iframe the html page you want to display in the iframe for that "trigger point must be in the same directory. Unlike regular redirect points you just enter the name of your html page something like pagename.html
When I create trigger presentations to change webpage content using iframes and trigger points I usually name my html pages something like 1.html 2.html etc to correspond with the trigger point so I can remember what page I wanted to appear at that point.
A good way to create a trigger point presentation using iframes and html content change is to listen to your audio in the application, pause when you have an idea for a place where you want content to change in an iframe and set the point then make a note on the content page you want to appear in your iframe and create that page.
Attention! Do not forget to click "save" for each point
after creating each point.
If you are wondering at this point what an iframe is and how you put one in your page simply see the explanation and resources further down this page.
iframes are not complicated and can be learned in just a few minutes.
The first trigger point will call to the custom frame that you have defined in the advanced options for this point
(see explanation of audio visual tours using triggered events in Advanced part 4) and tell it
to show the content that contains the subscription form. The second trigger
point which is set just after the audio play resumes will change the content
making the subscription form disappear.
If you can master this advanced strategy you will
have mastered them all and tap increased response grabbing power for your
presentations that only the Website Jukebox presentation creation software and
players are capable of delivering.
Advanced direct response audio
marketing strategy 2:
You do not have to use the timed resume. You can
have the player wait for the listener to press play to resume. This is
particularly effective in combination with a triggered event that
displays a form in an iframe (like the description above) or when triggering a _blank target (this target opens the url in a new window leaving the
current page open) and opening a resource page on a third party or external
website or affiliate product page you are recommending.
Imagine that you have recorded an audio message and you
included a point in the audio where you tell the listener that you are about to
stop the audio and open a webpage you want them to look at. Tell them that after
they are finished looking at the webpage you want them to press play to resume
the audio presentation.
To accomplish this you will set both a "stop point" and a "triggered event" at the same point on the time line. This time you
will set _blank as the target and enter the url of the webpage
into the redirect url input text box that you want the triggered event to open.
Attention! Do not forget to click "save" for each point
after creating each point.
Because you chose _blank as the target the triggered event will open the page in a new window and the page with the
audio will stay open. When they are done looking at the page they can press play
on the audio player to resume listening to the presentation.
By now you should have a solid picture of the power
Website Jukebox and its players offer you. You can create an
unlimited number of variations with these strategies.
Using trigger points and iframes to control content
Next I will explain how to use this same process to create
"trigger points"
that can change the content on your webpage using iframes to create slide show
like presentations and even display a subscription form, order form, product
images, links, text, animations, video, and any other kind of web content you
may have to display while someone is listening to your audio.
4. (Advanced part 4) How to create audio visual tours using triggered events you can set on the "track time
line" which can "call" to iframes hidden or visible
on your pages and change the content being displayed at precise moments:
Once you have added a track you will see the "Track
Timeline"

Click
anywhere on the track and press "add point". You will now see some new options appear
to the right of the track time line:
.
The same box used for entering redirect urls is used to
enter the url of a page that you want to "call" or "trigger" to
appear behind any iframe that you have embedded in the html page that has the audio
player.
However unlike with redirects when you are targeting an iframe with your trigger point the html page you want to show in the iframe must be in the same directory as the page where the player is embedded.
When targeting iframes y ou should just use the file name instead of the full url when entering the redirect url. So for example you would enter pagename.html instead of http://website.com/pagename.html.
In this way you can create a kind of slide show by setting as many triggered events targeting an iframe in your page telling it to display various urls behind it.
You may display any type of content that you have put in the page you
want to appear in the iframe. The content could be an image, text, a link,
a subscription form, a survey, a poll, an order form, a video, animation or any combination or html content you wish.
Attention! When setting your points do not forget to click "save" for each
point after creating each point.
If you do not know what an iframe is... it is best
described as a window in a webpage that can be any size you want and be placed
anywhere in the webpage. This iframe will "frame" and display any page url to tell it to behind it.
The purpose of this help file is not to teach you html or how to
use iframes.
If you need to brush up on your knowledge of how to use
iframes or html here are some resources you will find useful:
Resources for learning iframes and brushing up on your html skills:
Here is a page that explains the iframes tag:
http://www.w3schools.com/tags/tag_iframe.asp
Here is a page that shows you how to create iframes using
Microsoft frontpage:
http://www.fontstuff.com/frontpage/fptut04.htm
Here is a page that shows you how to create an iframe using
Dreamweaver:
http://www.andymartin.clara.net/iframes/
Here is a really simple online iframe code generator tool:
http://jdstiles.com/java/iframegen.html
Also here is a link to the new "Internet Business Training Center" area which
provides 38 videos worth of instruction some of which cover basic html and site
building:
http://www.totalwebaudio.com/get/trainingcenter/
Now back to the Website Jukebox trigger point tutorial.
The easiest way to set a series of precise "trigger
points" and create a powerful audio visual presentation is to do the
following:
Press the play button below the time line to listen to
your audio. When you hear a part in the audio that you would like to set a
triggered event for press the "pause button" and click "add point" button. You will now see the advanced options open:

Enter the url of the page you want
to be displayed behind (in) the iframe you are targeting in your webpage. You must select "custom frame" and enter the name of the frame that is in your page (whatever you named it).
Attention! Do not forget to click "save" for each point
after creating each point.
At this point don't worry if you have not
created the iframe or the pages you will tell the iframe to display. To make the
creation process quick and easy you should use Website Jukebox to listen to the
audio and set the points. This will be a type of brainstorm process for you.
What I like to do is just keep a piece of paper in front
of me and write a list of each "trigger point" by listing the actual
pages I am planning to create and call to the iframe and a description of the
content that I want to display on that page. If it helps just think of these
pages as slides. The content on each page will only be as large as each iframe
unless you choose to use scrollbars in the iframe. Use the resource links above
on iframe creation to learn more about various iframe properties options.
To organize my iframe content pages I usually name them
in a very simple manner like 1.html, 2.html, etc. So your brainstorm page as you
listen to your audio and set your "trigger points" will be a list that simply
displays the page name like 1.html and a note to help you remember what content
you want to display on that page for that triggered event.
In this way you can change elements of your webpage and
display relative content while your audio plays. For example if you were
interviewing a health expert you could display pictures of products, links to
recommendations, elements like subscription forms for free samples and tell them
during your audio to fill in the form that appears in order to get a reward.
If you need you can have as many iframes in your page as
you want and change any of them simply by changing the "custom frame"
name for a specific "trigger point" in the text box next to the custom frame option.
Each of your iframes will have a name and the
name for the iframe you are calling to is what you place in the "custom frame"
text box when you select as the target of a specific "trigger point."
If any of the discussion on iframes is confusing to you
use the resource links I have already suggested above to brush up on how they work and how to use them.
Finally imagine this:
You can combine your audio visual presentation with all
the advanced strategies including "trigger points," opening resource
pages in new windows using _blank targets, and even use a target to create a "redirect" event to some other url
at the end of your audio presentation.
Attention! Do not forget to save your projects !
|