Component with custom audio player.
The code to generate the component is this:
<ul class="audio-player" itemscope itemtype="http://schema.org/AudioObject">
<li>
<audio id="audio1" preload="false" controls>
<source src="https://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
Seu navegador não suporta o elemento de áudio.
</audio>
<meta itemprop="encodingFormat" content="mp3" />
<meta itemprop="contentURL" content="https://www.w3schools.com/html/horse.mp3" />
<meta itemprop="duration" content="T0M15S" />
<span class="d-none" itemprop="name">Título do áudio</span>
<span class="d-none" itemprop="description">Descricao do áudio</span>
</li>
<li class="download"><a href="https://www.w3schools.com/html/horse.mp3"><i class="fa fa-download" aria-hidden="true"></i></a></li>
<li class="share">
<i class="fa fa-share-alt" aria-hidden="true"></i>
<ul>
<li><a href="https://www.facebook.com/sharer/sharer.html?u=" target="_blank" class="facebook popup"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://twitter.com/home?status=" target="_blank" class="twitter popup"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://pinterest.com/pin/create/button/?url=&media=" target="_blank" class="pinterest popup"><i class="fab fa-pinterest"></i></a></li>
<li><a href="https://www.linkedin.com/shareArticle?mini=true&url=&title=" target="_blank" class="linkedin popup"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="https://api.whatsapp.com/send?text=" target="_blank" class="whatsapp popup"><i class="fab fa-whatsapp"></i></a></li>
</ul>
</li>
</ul>