怎样编写

要实现微信小程序音乐播放器，需要用到以下技术：

1. `wx.getBackgroundAudioManager()`：获取全局唯一的背景音频管理器，用于控制音频的播放、暂停、停止等操作。
2. `wx.request()`：发起网络请求，获取音频资源的URL。
3. `setData()`：更新页面数据，实现播放器界面的更新。

下面是一个简单的微信小程序音乐播放器的实现步骤：

1. 在`wxml`文件中，编写播放器界面的布局，包括歌曲封面、歌曲名称、歌手、播放/暂停按钮等。

<image class="cover" src="{{song.cover}}"></image>
<view class="info">
  <text class="name">{{song.name}}</text>
  <text class="singer">{{song.singer}}</text>
</view>
<button class="play-btn" bindtap="play">
  <image src="{{isPlaying ? 'pause.png' : 'play.png'}}"></image>
</button>

2. 在`js`文件中，定义相关的变量和函数，包括歌曲信息、播放状态、背景音频管理器等，并在页面加载时请求音频资源的URL。

Page({
  data: {
    song: {
      name: "歌曲名称",
      singer: "歌手",
      cover: "歌曲封面URL"
    },
    isPlaying: false,
    audio: null // 背景音频管理器
  },

  onLoad: function () {
    // 请求音频资源的URL
    wx.request({
      url: "音频资源的URL",
      success: res => {
        // 获取音频资源的URL后，设置背景音频管理器的src
        this.data.audio = wx.getBackgroundAudioManager();
        this.data.audio.src = res.data.url;
        this.data.audio.title = this.data.song.name;
        this.data.audio.singer = this.data.song.singer;
        this.data.audio.coverImgUrl = this.data.song.cover;
      }
    });
  },

  play: function () {
    // 切换播放状态
    this.setData({
      isPlaying: !this.data.isPlaying
    });
    // 播放/暂停背景音频
    if (this.data.isPlaying) {
      this.data.audio.play();
    } else {
      this.data.audio.pause();
    }
  }
})

3. 在`wxss`文件中，编写播放器界面的样式。

.cover {
  width: 200rpx;
  height: 200rpx;
  margin: 50rpx auto;
  border-radius: 50%;
}

.info {
  text-align: center;
  margin-bottom: 50rpx;
}

.name {
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 10rpx;
}

.singer {
  font-size: 28rpx;
  color: #999;
}

.play-btn {
  background-color: transparent;
  border: none;
  outline: none;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.play-btn image {
  width: 80rpx;
  height: 80rpx;
}

以上就是一个简单的微信小程序音乐播放器的实现步骤。需要注意的是，在实际开发中还需要考虑到播放器的错误处理、进度条、播放列表等功能，这些功能的实现需要根据具体的需求进行编写。