Hudební přehrávač je už snad nedílnou součástí života. Máme ho téměř všude, v mobilu, v počítači, v autě.
Tak není od věci, mít přehrávač i na webu. I když není tak dokonalý jak jste zvyklí, na přehrání písničky stačí. Přehrávač má pouze základní funkce. Přehrávání je jednoduché, skladbu pro přehrání vyberte kliknutím na název skladby.
Přehrát
Pauza
Zvýšit hlasitost
Snížit hlasitost
Opakovat skladbu
Náhodný výběr - Tato funkce je dočasně vypnuta
Základní ovládání zvuku
Základní ovládací prvky zvuku poskytované prvkem HTML audio zahrnují přehrávání, pauzu a hlasitost. Tyto ovládací prvky lze rozšířit pomocí vlastního JavaScriptu pro pokročilejší funkce. Pochopení těchto základních ovládacích prvků je nezbytné pro vytvoření funkčního hudebního přehrávače.
<div class="audio-player">
<audio id="myAudio" controls>
<source src="song.mp3" type="audio/mpeg">
<source src="song.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
<button onclick="document.getElementById('myAudio').play()">Play</button>
<button onclick="document.getElementById('myAudio').pause()">Pause</button>
<button onclick="document.getElementById('myAudio').volume+=0.1">Volume Up</button>
<button onclick="document.getElementById('myAudio').volume-=0.1">Volume Down</button>
</div>