SgarciaDev (talk | contribs) m (Reverted edits by 8.7.69.41 (talk) to last version by SgarciaDev) |
|||
Line 13: | Line 13: | ||
For example: |
For example: |
||
− | <code><pre><a href=" |
+ | <code><pre><a href="http://www.dianacea.com/canciones/coco.mp3" class="htrack" tabindex="1" |
+ | title="Movin' Right Along" type="audio/mpeg">Dulce de coco</a>></pre></code> |
||
The dimensions of the image should be square, not rectangular. |
The dimensions of the image should be square, not rectangular. |
Revision as of 16:36, 28 January 2009
You add audio to your web page by linking to it:
<a href="http://example.com/song.mp3">My Favorite Tune</a>
This page explains how you can have more fine-grained control over the player by using standard attributes of the <a>
(anchor) element, like this:
<a href="http://example.com/mp3/song" class="htrack" tabindex="1"
title="Movin' Right Along" type="audio/mpeg">my favorite song</a>
Album Art
You can set the image which is displayed in the player during a song. To do this, put an img
element within the playable link.
For example:
<a href="http://www.dianacea.com/canciones/coco.mp3" class="htrack" tabindex="1"
title="Movin' Right Along" type="audio/mpeg">Dulce de coco</a>>
The dimensions of the image should be square, not rectangular.
If you don't want the image to show up directly in the main web page, add style="display:none"
to your img tag:
<a href="example.mp3"><img src="example.png" alt="" style="display:none" />my song</a>
Link hiding
To conceal links from the user, see Link hiding