写一个本地音乐播放器的微信小程序

很好的问题！下面是一个简单的本地音乐播放器微信小程序的示例代码。

1. 首先，在微信小程序的开发工具中，创建一个新的小程序项目。然后，在 `app.json` 文件中添加以下代码段：

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "navigationBarTitleText": "音乐播放器"
  }
}

这里我们定义了音乐播放器的主页为 `pages/index/index`，并设置了导航栏标题为 "音乐播放器"。

2. 然后，在 `pages/index/` 目录下，创建一个 `index.wxml` 文件，添加以下代码：

<view class="container">
  <view class="music-info">
    <image class="cover" src="{{currentMusic.cover}}"></image>
    <view class="title">{{currentMusic.title}}</view>
    <view class="artist">{{currentMusic.artist}}</view>
  </view>
  <view class="music-control">
    <button class="btn prev" bindtap="prevMusic">上一曲</button>
    <button class="btn play" bindtap="playMusic">{{isPlaying ? '暂停' : '播放'}}</button>
    <button class="btn next" bindtap="nextMusic">下一曲</button>
  </view>
</view>

这里我们定义了音乐播放器的界面布局，包括音乐封面、音乐标题、音乐艺术家和控制按钮。

3. 接着，在 `pages/index/` 目录下，创建一个 `index.js` 文件，添加以下代码：

Page({
  data: {
    musics: [
      {
        title: '海阔天空',
        artist: 'Beyond',
        cover: 'https://cdn.pixabay.com/photo/2016/08/02/16/48/microphone-1560638_960_720.jpg',
        src: 'http://music.163.com/song/media/outer/url?id=574566207.mp3'
      },
      {
        title: '稻香',
        artist: '周杰伦',
        cover: 'https://cdn.pixabay.com/photo/2016/01/19/16/51/microphone-1145915_960_720.jpg',
        src: 'http://music.163.com/song/media/outer/url?id=227923.mp3'
      }
    ],
    currentMusicIndex: 0,
    currentMusic: null,
    isPlaying: false
  },
  onLoad: function () {
    this.setData({
      currentMusic: this.data.musics[this.data.currentMusicIndex]
    })
  },
  prevMusic: function () {
    if (this.data.currentMusicIndex > 0) {
      this.setData({
        currentMusicIndex: this.data.currentMusicIndex - 1,
        currentMusic: this.data.musics[this.data.currentMusicIndex],
        isPlaying: true
      })
    }
  },
  nextMusic: function () {
    if (this.data.currentMusicIndex < this.data.musics.length - 1) {
      this.setData({
        currentMusicIndex: this.data.currentMusicIndex + 1,
        currentMusic: this.data.musics[this.data.currentMusicIndex],
        isPlaying: true
      })
    }
  },
  playMusic: function () {
    this.setData({
      isPlaying: !this.data.isPlaying
    })
  }
})

这里我们定义了音乐播放器的逻辑，包括音乐列表、当前播放的音乐、是否正在播放等。

4. 最后，在 `app.wxss` 文件中添加以下样式：

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.music-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.cover {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.title {
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}

.artist {
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}

.music-control {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  padding: 10px 20px;
  margin: 0 10px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  border: none;
  outline: none;
  cursor: pointer;
}

.play {
  background-color: #0f0;
}

这里我们定义了音乐播放器的样式，包括音乐封面、音乐标题、音乐艺术家和控制按钮等。

完成以上步骤后，在微信开发工具中预览该小程序，即可看到一个简单的本地音乐播放器。