[html] <style>
.audio-player {
  width: 50% !important;
    float: right !important;
    margin-right: 10px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.audio-name {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.start-time {
    color: rgba(255, 255, 255, 0.8) !important;
}
}
</style>
<div class="audio-player">
    <div class="audio-controls">
        <div id="play-btn"></div>
        <div class="audio-wrapper" id="player-container" href="javascript:;">
            <audio id="player" ontimeupdate="initProgressBar()">
                <source src="ссылка на трек" type="audio/mp3">
            </audio>
        </div>
        <span id="seekObjContainer">
            <progress id="seekObj" value="0" max="1"></progress>
        </span>
        <small class="start-time">00:00</small>
    </div>
    <div class="audio-name">
        <b>название трека</b> — группа
    </div>
</div>

<script src="https://forumstatic.ru/files/001b/cd/92/85280.js"></script>
[/html]