Multi-Track Project Management and Creation

This first screen:

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.

add button

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

track list

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:

track settings

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.

time line

The play button play 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 timeline to skip around to certain points in the track while the audio plays.

The button with a plus symbol point 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 move track buttons and save button save

2. Rename each track by clicking on it and editing the name field that appears in the left of the screen track name and clicking the the save button after editing each one.

3. Once you have edited ordered and saved each track you can just click on the style and color button or the configure button to take you to the these simple options screens to finish your project configuration and finally save the entire project by clicking the save project button button.

You will find the help pages for the style and color and configure screens linked to from the bottom of those screens.

Attention! Do not forget to save save project button your project!

The save project button is different than the save button. The save button is for saving changes to settings for each individual track. The save projects 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 save projects!

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: save before moving on.

The save 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 save button with the save projects button. The save projects 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 save projects 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 save projectsbutton if you wish to close the software and edit/work on your project later. The save 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 save project 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" timeline appear with the advanced controls. Using your mouse cursor click on the end of the track time line. Next cick on the point button. a point will be added to the timeline line point and You will now see some new options appear to the right of the track time line:

triggers

You will see a box that asks you for the url "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:

self 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 blank. 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 blank 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 save button once you have chosen your redirect settings.

Once you have saved a point by clicking the save button if you need to delete a point you do so by clicking on the square box below the point line point now the point delete button delete 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 point a "trigger point" and choose the blank _blank target which will tell a new window to open and show a specific webpage that you have entered into the url "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 _blank as a target at any point during the audio even multiple points. However, since blank 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 blank as a target for a trigger once or twice during a presentation.

Remember with a blank 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 timeline "track time line" is visible press the play play button to listen to you audio. Then press the pause 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 point "add point" button. If you need to rewind the audio you may do so by clicking directly on the timeline time line while it is playing or by clicking on the time line while the audio is not playing and then pressing the play button.

After you have clicked the point "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 "save" button to save the point on the time line and its target settings. Do not forget to press the save "save" button for each trigger point you put on the timeline. Repeat the process to set more points.

Attention! Do not forget to click save "save" for each point after creating each point.

3. Special trick 2: You can also set a stop "stop point" and optionally assign it a resume "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 "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 "stop point" which is done the exact same way that a "trigger point" is set. Just use the play play button to listen to the audio track and pause pause it when you want to set your point. Click the point button to set your point and then click the stop 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: resume.

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 point set a point on your timeline time line that will call or "target" frame name a change to an iframe and tell the iframe to display new content urlyou 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 point then select the option to make it a stop stop point, define the length of the pause you want for your stop point resume, and set a second trigger point 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 frame as the target which will tell the iframe you have assigned as the custom frame frame name for that trigger point line point which you set on the timeline by clicking the point set button point. You enter the name of the html page url 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 "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 line point that displays a form in an iframe (like the description above) or when triggering a _blank target blank (this target opens the url in a new window leaving the current page open) and opening a resource page url 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" stop and a "triggered event" at the same point on the time line. This time you will set _blank blank as the target and enter the url of the webpage into the redirect url input text box url that you want the triggered event line point to open.

Attention! Do not forget to click save "save" for each point after creating each point.

Because you chose _blank blank as the target the triggered event line point will open the page url 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"

timeline

Click anywhere on the track and press point "add point". You will now see some new options appear to the right of the track time line:

triggers.

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 "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 "pause button" and click point "add point" button. You will now see the advanced options open:

triggers

Enter the url of the page you want to be displayed behind (in) the iframe you are targeting frame name 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 "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 frame name "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 frame name "custom frame" text box when you select frame target 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 line point "trigger points," opening resource pages in new windows using blank _blank targets, and even use a selftarget to create a "redirect" event to some other url url at the end of your audio presentation.

Attention! Do not forget to save your projects save project!

Privacy Policy | Terms of Use | Earnings Disclaimer |