HTML代码
<div class="player-ctn"> <div class="infos-ctn"> <div class="timer">00:00</div> <div class="title"></div> <div class="duration">00:00</div> </div> <div id="myProgress"> <div id="myBar"></div> </div> <div class="btn-ctn"> <div class="btn-action first-btn" onclick="previous()"> <div id="btn-faws-back"> <i class='fas fa-step-backward'></i> </div> </div> <div class="btn-action" onclick="rewind()"> <div id="btn-faws-rewind"> <i class='fas fa-backward'></i> </div> </div> <div class="btn-action" onclick="toggleAudio()"> <div id="btn-faws-play-pause"> <i class='fas fa-play' id="icon-play"></i> <i class='fas fa-pause' id="icon-pause" style="display: none"></i> </div> </div> <div class="btn-play" onclick="forward()"> <div id="btn-faws-forward"> <i class='fas fa-forward'></i> </div> </div> <div class="btn-action" onclick="next()"> <div id="btn-faws-next"> <i class='fas fa-step-forward'></i> </div> </div> <div class="btn-mute" id="toggleMute" onclick="toggleMute()"> <div id="btn-faws-volume"> <i id="icon-vol-up" class='fas fa-volume-up'></i> <i id="icon-vol-mute" class='fas fa-volume-mute' style="display: none"></i> </div> </div> </div> <div class="playlist-ctn"></div> </div>