Humboldt-Universität zu Berlin - Web-Support der HU

Audio-Dateien in Plone-Seiten

Audio-Dateien können unter Plone einfach als Dateien hochgeladen werden. Zur Ansicht müssen sie per HTML in Seiten eingebunden werden. Dafür bedienen wir uns des audio-Tags.

<p>
<audio controls=""><source src="./interview" type="audio/mpeg" /> Your browser does not support the audio element.</audio>
</p>

Leider kann Safari damit nicht umkgehen und zeigt die Steuerungselemente nicht korrekt an. Deshalb sollte man besser folgenden Code nutzen:

<div>
<audio controls="" id="player" src="./interview" style="width:90%">
&nbsp;</audio>
<br />
<button onclick="document.getElementById('player').play()" 
style="margin-right: 1em;height: 2em;">Start/Play</button>
<button onclick="document.getElementById('player').pause()" 
style="margin-right: 1em;height: 2em;">Pause</button>
<button onclick="document.getElementById('player').volume+=0.1" 
style="margin-right: 1em;height: 2em;">Lauter</button>
<button onclick="document.getElementById('player').volume-=0.1" 
style="margin-right: 1em;height: 2em;">Leiser</button>
</div>