WSN Manual: Playing MP3 Audio Files

For some websites, simply linking an MP3 file for download when it's uploaded to a topic isn't good enough -- you may want a built-in audio player in your topic details page. WSN Gallery handles this automatically, but for the other WSN scripts you'll need to make a modification.

To put the audio player in the attached files section of the details page, go to Admin Panel -> Topics -> Topic Fields and edit the "Attach Files" field. Find the "Custom Display HTML" section near the bottom, and add this at the top of that box:

<CONFIG>attachments,sortorder;time,50,ascending;ascending,type='link' AND objectid={LINKEFFECTIVEID} AND (filetitle LIKE '%.mp3'),,,0,0,0,0,0,0,,0</CONFIG>
<div class="audio"><audio controls="controls" src="{DIRURL}/download.php?attachid={ATTACHID}&id={ATTACHID}&action=stream" preload="none"></audio></div>

If you wish to forbid downloads and only allow listening via the player, find this section near the bottom:

<ul>

<IF not {ATTACHISIMAGE}>
<li><a href="{ATTACHDOWNLOADURL}" title="{ATTACHLABEL}">{ATTACHFILETITLE}</a> ({ATTACHKB} {LANG_GENERAL_KB}, {ATTACHDOWNLOADS} {LANG_DETAILS_DOWNLOADS})</li>
</IF>

</ul>

and replace it with

<ul>

<IF not {ATTACHISIMAGE}>
<IF {ATTACHEXTENSION} is not mp3>
<li><a href="{ATTACHDOWNLOADURL}" title="{ATTACHLABEL}">{ATTACHFILETITLE}</a> ({ATTACHKB} {LANG_GENERAL_KB}, {ATTACHDOWNLOADS} {LANG_DETAILS_DOWNLOADS})</li>
</IF>
</IF>

</ul>

That's it! You'll now automatically see an audio player on the details pages of topics that have mp3 files.

Rating	0/5 1 2 3 4 5
Views	484 views. Averaging 1 view per day.