原文链接：WordPress Audio Player 非插件方式使用方法

Standalone version

The standalone version comes with a JavaScript file to simplify configuring and embedding the player. This file includes theswfobject library.

Note: the zip file includes two other files:

audio-player-noswfobject.js (a version of audio-player.js without the swfobject library if you are including it separately)

audio-player-uncompressed.js (same as above but uncompressed so you can read the code)

Installation and usage

Download the zip file

Extract and upload the files to your server (only two files are required: audio-player.js and player.swf)

Include the audio-player.js file in the HEAD section of your html page

Still in the HEAD section, setup Audio Player as seen in the example below (the only required option is width)

To insert a player on the page, place an HTML element (a P tag in the example but it can be anything) and give it a unique ID

This element will be replaced with a player. If the browser doesn’t support Audio Player, the element will not be replaced so use it to show alternative content (maybe a message telling the user to download Flash)

Insert the script tag after the element as shown below

Example

Ensure you replace “http://yoursite.com/path/to” with the correct paths to all files.

Your websitetitle>

...

script>

AudioPlayer.setup("http://yoursite.com/path/to/player.swf", {

width: 290

});

script>

head>

Alternative contentp>

AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/path/to/mp3_file.mp3"});

script>

Alternative contentp>

AudioPlayer.embed("audioplayer_2", {soundFile: "http://yoursite.com/path/to/mp3_file_2.mp3"});

script>

body>

html>

Configuration

You can configure Audio Player with the setup call in the HEAD section like this:

script>

AudioPlayer.setup("http://yoursite.com/path/to/player.swf", {

width: 290,

initialvolume: 100,

transparentpagebg: "yes",

left: "000000",

lefticon: "FFFFFF"

});

script>

You can configure each separate player using the embed call like this:

AudioPlayer.embed("audioplayer_1", {

soundFile: "http://yoursite.com/path/to/mp3_file.mp3",

titles: "Title",

artists: "Artist name",

autostart: "yes"

});

script>

To load multiple files

Simply set soundFileto a comma delimited list of mp3 files. Optionally, you can also provide a comma delimited list of titles and artists:

AudioPlayer.embed("audioplayer_1", {

soundFile: "http://yoursite.com/path/to/mp3_file_1.mp3,http://yoursite.com/path/to/mp3_file_2.mp3",

titles: "Title 1,Title 2",

artists: "Artist name 1,Artist name 2"

});

script>

List of options

Tracks

Option

Default

Description

soundFile

required

comma-delimited list of mp3 files

titles

overrides ID3 information

comma-delimited list of titles

artists

overrides ID3 information

comma-delimited list of artists

Options

Option

Default

Description

autostart

no

if yes, player starts automatically

loop

no

if yes, player loops

animation

yes

if no, player is always open

remaining

no

if yes, shows remaining track time rather than ellapsed time

noinfo

no

if yes, disables the track information display

initialvolume

60

initial volume level (from 0 to 100)

buffer

5

buffering time in seconds

encode

no

indicates that the mp3 file urls are encoded

checkpolicy

no

tells Flash to look for a policy file when loading mp3 files

(this allows Flash to read ID3 tags from files hosted on a different domain)

rtl

no

switches the layout to RTL (right to left) for Hebrew and Arabic languages

Flash player options

Option

Default

Description

width

required

width of the player. e.g. 290 (290 pixels) or 100%

transparentpagebg

no

if yes, the player background is transparent (matches the page background)

pagebg

NA

player background color (set it to your page background when transparentbg is set to ‘no’)

Colour scheme options

All colour codes must be 6-digit HEX codes without ‘#’ or ’0x’ in front.

Option

Default

Description

bg

E5E5E5

Background

leftbg

CCCCCC

Speaker icon/Volume control background

lefticon

333333

Speaker icon

voltrack

F2F2F2

Volume track

volslider

666666

Volume slider

rightbg

B4B4B4

Play/Pause button background

rightbghover

999999

Play/Pause button background (hover state)

righticon

333333

Play/Pause icon

righticonhover

FFFFFF

Play/Pause icon (hover state)

loader

009900

Loading bar

track

FFFFFF

Loading/Progress bar track backgrounds

tracker

DDDDDD

Progress track

border

CCCCCC

Progress bar border

skip

666666

Previous/Next skip buttons

text

333333

Text