Heim  >  Artikel  >  Web-Frontend  >  Ist es möglich, HTML5-Audio-Tags zu formatieren?

Ist es möglich, HTML5-Audio-Tags zu formatieren?

WBOY
WBOYnach vorne
2023-09-21 10:49:03701Durchsuche

Ist es möglich, HTML5-Audio-Tags zu formatieren?

HTML 5 Audio-Tags können gestaltet werden. Verwenden Sie den Standard-Browser-Player, indem Sie das Audio-Tag mit dem Attribut „controls“ verwenden. Sie können es anpassen, ohne Browser-Steuerelemente zu verwenden.

Sie können die integrierte Browser-Benutzeroberfläche ausblenden, indem Sie das Attribut controls entfernen –

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById(&#39;player&#39;).play()">Play</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).pause()">Pause</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume -= 0.2">Vol-</button>
</div>

Sie können auch CSS-Klassen zu jedem Element hinzufügen und sie entsprechend formatieren.

Das obige ist der detaillierte Inhalt vonIst es möglich, HTML5-Audio-Tags zu formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen