HTML Hudební přehrávač

 

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.
 




 

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>
Nepřihlášený