.v-audio-player
//- .item-poster
//- img(:src="soundList[0].poster")
//- slot(name="header")
v-player-list(v-if="isMultiple && soundList.length > 0" :soundList="soundList" :source="audio ? audio.src : source" @play="playList")
.v-audio-buttons
v-button(icon="muted" @clicked="mutedVolume()")
v-button(icon="backward" v-if="isMultiple" @clicked="backwardSound()")
v-button(@clicked="!isPlay && !autoplay ? play() : pause()" :icon="!isPlay && !autoplay ? 'play':'pause'" )
v-button(icon="forward" v-if="isMultiple" @clicked="forwardSound()")
.volume-button
v-button(icon="volume" @clicked="toggleMute()")
input(v-if="isOpenVolume" type="range" orient="vertical" min="0" max="100" :value="volumeRange" step="1" @change="handleVolumeChange")
.v-audio-bottom
span(v-if="currentTime") {{ currentTime }}
input(type="range" min="0" :max="maxRange" :value="currentTimeRange" step="1" @input="setCurrentTime($event.target.value)")
span(v-if="duration") {{ duration }}
audio(ref="audio" :src="source" :muted="muted" :autoplay="autoplay" id="audio-player" preload="metadata")