今天碰到一个Vue点击mp3播放及进度条动态走动的小功能,记录一下:
首先是通过HTML5 audio标签引入音频:
<template>
<div class="x-footer">
<div class="x-meida">
<div class="x-meida-img">
<img :src="footer.imgUrl" />
</div>
<div class="x-media-name">
<h3>{
{footer.title}}</h3>
<h5>{
{footer.subTitle}}</h5>
</div>
</div>
<div class="x-media-btn" @click="changeStart">
<audio :src="footer.songs" id="musicMp3" autoplay=&