介绍一下vue audio的模拟播放器,直接上代码:
<template>
<div>
<audio :src="music" id="audio"></audio>
<div class="audio-box bbb">
<span class="time-font">
{
{second/60 > 9 ? parseInt(second/60) : '0'+parseInt(second/60) }}:{
{second%60 >= 10 ? parseInt(second%60) : '0'+parseInt(second%60)}}
</span>
<el-progress :percentage="progressing_audio" status="success" :stroke-width="4" style="margin-top:.1rem;margin-left:.3rem;float:left;width:4.14rem;"></el-progress>
<img :src="audioPlayShow ? imgA : imgB" class="rong-circle-control" @click="controlAudio()"></img>
</div>
</div>
</template>
<script>
import tryaudio from '@/components/test/radio/try