微信小程序音频播放器

最新推荐文章于 2024-09-30 10:52:34 发布

guokanglun

最新推荐文章于 2024-09-30 10:52:34 发布

阅读量1.2k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.csdn.net/gklcsdn/article/details/111870332

版权

文章目录

- - - - 1. source code
      - 2. 效果图

1. source code

在这里插入图片描述

<view class='audioPalyWrap'>

  <view class='picWrap'>
    <view class='pic {
    { !onoff ? "active":"" }}'>
    <image src='http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000'
    mode='center'
    ></image>
    </view>
  </view>

  <view class='playControl'>
    <view class='playButton' bindtap="handlePlayer">
      <text class='iconfont icon-bofang' wx:if='{
    { onoff }}'></text>
      <text class='iconfont icon-zantingtingzhi' wx:else></text>
    </view>
    <view class='time'>
      <text> {
  { currentTime }} </text>
      <progress percent="{
    { progressTime }}" activeColor=