SECURETSPLAYER

We recommend
Other Dreamweaver Extensions:
flash music player
mp3 music flash
SECURE-TSPlayer is a flash music player designed especially for people that need to protect the audio files from unauthorized download.

HTML5 Music Player

INTRODUCTION

HTML programing language is developing a new standard called HTML5 that today is imposing rapidly in the most famous web browsers. Among the new labels that have been included in the new standard we put an emphasis on the <AUDIO> label.

The <AUDIO> label allows you to incorporate raw audio features into your website without using third party software as Quicktime or Flash player.
Unfortunately not all the web browsers support HTML5 yet. To name an example Internet Explorer will be able to support HTML5 from version 9 on, which brings us to the conclusion that a mixed audio setup in between HTML5 and Flash will need to be set in place to accommodate our user's web browser of preference.

Our product, the Audio5 player, is great solution for this inconvenience since it fulfills both tendencies. The audio player verifies if the web browser supports HTML5 or Flash and reproduces the audio file in the required standard.

FEATURES

Main features of Audio5 are:

  • Great adaptability to the different web browsers. It can easily adapt to HTML5 and Flash browsers.
  • Visual adaptability. The visual aspect of the player can easily be modified through the Audio5.css file.
  • Easy setup and use. Audio5 is distributed as a Adobe Dreamweaver extension, its installation and use is completely visual through the installation and configuration wizard.
  • Audio5 has really practical controls to manage the audio playback. Among the playback controls available are: play/pause button, a progress bar, mute button, and a volume control bar.



Instant Download (Audio5): USD $19.99

Preferred payment method:
Fast checkout through Google
Alternative payment method
(5% surcharge applies):

You will be redirected to a Download Page after payment. Your Download Link will be also emailed to the address used for the payment.

REQUIREMENTS

Audio5 player is distributed as a Adobe Dreamweaver extension, specifically for MX2004 and later versions (CS4 and CS5 included), that makes Adobe Dreamweaver its only requirement.

INSTALLATION

To install Audio5 it is only necessary to execute the “Adobe Extension Manager”, included in the Adobe Dreamweaver package, accessible from “Manage Extensions...” within the “Help” menu of Dreamweaver. Once in the “Adobe Extension Manager” assistant select the “install” option and enter the path to the Audio5.MXP file.

Once Audio5 is installed you will be able to insert it to your web page through “Insert Audio5” option in the “Insert” menu or through the “Insertion Bar” in the “Common” category. (figure 1).

Insertion Bar

USE HTML5 AUDIO PLAYER

Insertion

When inserting the Audio5 player in a website a configuration window menu pops up with the width, the source playback list, etc.

Interface description

Configuration window

Width: number that represents the width of the player in pixels.

Autoplay: check this option if you want the player to start the playback automatically. If the option is unchecked it will require the user to activate the playback reproduction.

Loop: When checked the player will reproduce the playback list on a loop.

Sources: Introduce the URLs of the audio files that you wish to  play. You can include more than one URL in this option, however that won't necessarily translate as all the audio files being reproduced as a playlist, it is better to include multiple versions of the audio file since not all the web browsers support the audio file extensions. Audio5 will select the correct version of the audio file suitable for each web browser. When an MP3 audio file is introduced Audio5 will add a Flash player to the website if HTML5 is not supported by the browser.

Modifying Audio5

If you wish to modify any of the setup variables you will need to select the <DIV> label with “Audio5” class and perform the changes in the “Properties” window. (figure 4)

Once the audio file has been inserted the web page will generate, within the website folder, a folder named audio5 with the necessary code to ensure the correct functioning of the player. The new folder, audio5 and the modified web page need to be published on your web site.

Select the <div> tag with video5 class assigned

Properties inspector

BROWSERS THAT SUPPORT HTML5

Not all the current web browsers support the HTML5 Standard.  Below we offer you a list of web browsers that support the HTML5 audio Label.

  • Chrome 4
  • Firefox 3.6
  • Safari 4
  • Opera 10.5
  • Internet Explorer 9

Audio formats

The audio extensions supported by Audio5 depends on the web browser where it is playing. Below a chart with the audio formats supported by each web browser.

Browser Audio formats
Chrome 4.m4a
.oga
.mp3
Firefox 3.6.wav
.oga
Opera 10.5.wav
.oga
Safari 4.wav
.m4a
.mp3
Flash.mp3

HTML5 standards are taking more and more space among the last generation web browsers, still we are in transition stage where many web browser do not support new standards as HTML5 and that is what makes Audio5 a great tool for those who wish to share their audio files with a world wide user community.