带进度条的音乐播放器

带进度条的音乐播放器 此小程序的主要功能是播放音乐，并且具有进度条展示和音乐控制的功能。下面是从该小程序中提取的相关知识点： 1.小程序开发： 在小程序中，我们可以使用 JavaScript 语言来编写程序，并使用 wx 框架来调用微信提供的 API。例如，在这个小程序中，我们使用 wx.createInnerAudioContext() 方法来创建一个 innerAudio Context 对象，以便播放音乐。 2.音乐播放控制： 在这个小程序中，我们使用 wx.getBackgroundAudioManager() 方法来获取背景音乐管理器对象，以便控制音乐的播放、暂停和停止。我们还使用 innerAudioContext 对象来播放音乐，并使用 bgMusic 对象来控制音乐的播放状态。 3.进度条展示： 在这个小程序中，我们使用 setData() 方法来更新页面的数据，并使用 wxParse 库来解析 HTML 代码，以便展示音乐的详细信息。我们还使用 starttime 和 duration 变量来记录音乐的播放时间和总时长，并使用 showTime2 变量来记录音乐的当前播放时间。 4.生命周期函数： 在小程序中，我们可以使用生命周期函数来监听页面的生命周期。在这个小程序中，我们使用 onLoad() 函数来监听页面的加载、onReady() 函数来监听页面的初次渲染完成、onShow() 函数来监听页面的显示等等。 5.数据交互： 在这个小程序中，我们使用 util.postrequest() 方法来发送 POST 请求，以便获取音乐的详细信息。我们还使用 WxParse 库来解析服务器返回的数据，并将其展示在页面上。 6.状态管理： 在这个小程序中，我们使用 isOpen 变量来记录音乐的播放状态，并使用 setData() 方法来更新页面的数据。在音楽暂停或停止时，我们使用 bgMusic.onPause() 和 bgMusic.onStop() 事件来更新音乐的播放状态。 7.全局监听： 在这个小程序中，我们使用 bgMusic.onStop() 事件来监听音乐的停止事件，并使用 bgMusic.onPause() 事件来监听音乐的暂停事件，以便更新音乐的播放状态。 8.config 文件： 在这个小程序中，我们使用 config 文件来存储服务器的 URL 和其他配置信息。例如，在这个小程序中，我们使用 config.meddle_detail 变量来存储音乐的详细信息的 URL。 9.util 工具库： 在这个小程序中，我们使用 util 工具库来提供一些常用的工具函数，例如 postrequest() 函数，以便发送 POST 请求。 10. WxParse 库： 在这个小程序中，我们使用 WxParse 库来解析服务器返回的数据，并将其展示在页面上。例如，在这个小程序中，我们使用 WxParse.wxParse() 方法来解析音乐的详细信息。