圆形进度条的音乐播放,微信小程序js怎么写?
建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。
for-item后边的listData换一个名字，不要和前边的变量一样。
微信小程序 web-view 方法/步骤 打开微信开发者工具。选择新建小程序。输入项目信息后，点击”确定“。进入开发画面。点击”index wxml“右侧将其他代码都删除，在容器中，添加”web-view“。给这个web-view添加src属性这里添加需要的地址即可。
演示的软件版本是：0.37；手机型号：oppoReno7。详细步骤如下：打开微信APP，手指【向下拉】进入小程序界面。接着点击【音乐】。接着点击上方【搜索框】搜索歌名。然后点击音乐下方的【歌名】就可以放歌了。成功播放后，如下图所显示，下方会显示播放的歌曲。
怎么用js实现播放音频?
JS播放音乐需要区分浏览器，来使用不用的对象来播放音乐。在播放控制上要有【播放】和【停止】来控制音乐的播放。
首先我们先来看一下音频元素最基本的应用以及样式，如下图所示，运用audio元素即可，controls是用来控制是否显示控制条。另外音频文件的格式也可以多样，如下图所示，也可以是ogg文件。接下来我们来看一下音频元素的属性，上面创建的音频元素你发现它需要手动点击才能播放。
前端代码主要由HTML， CSS和JS三部分组成。其中HTML部分需要定义音频播放器和一些基本控制按钮，CSS部分主要是控制样式的布局和显示效果，JS部分则要实现音频的播放和一些自定义控制按钮的功能。后端代码主要是实现数据的即时传输。在这里，我们采用了Node.js作为后端语言，使用Socket.io作为WebSocket库。
求一个js歌词同步的代码
首先，需要有LRC文件，可以放在本地或者用Ajax读取。其次需要解析LRC文件，生成排序的数组。下面的代码供参考。最后，利用标签的currentTime属性获得当前播放的时间，实时刷新歌词显示。具体的显示代码可做成单行（最简单，替换标签内文本即可）、双行或者多行高亮都可以。
读取XML或LRC内容，利用Ajax加载到id为lrc的div中。 并将XML或LRC的每行的歌词存到数组testmp3中（此数组当然是二维数组，数据组分别播放时间与歌词内容） 好了，到此，准备工作就做好了，下面就是重点---歌词同步。
Dim Content As String End Structure声明一个列表 Private Lyrics As New List（Of Lyric）然后以文本方式把歌词文件读入一个变量 并对它进行分析 分别把时间和歌词内容存入一个Lyric，并加入Lyrics中。
属性”命令，单击“歌词”选项卡，接下来在“歌词”文本框中输入歌词信息即可。要在播放歌曲的同时显示出歌词，请在“查看”菜单中指向“正在播放工具”，然后选择“歌词”命令，或者直接单击左下角“显示视图”按钮，然后选择“歌词”命令。
用千千静听，很方便的。在千千静听上打开该歌曲，然后在“歌词秀”框上上点击右键，有个选项---》在线搜索--在保存在歌曲文件夹和和歌曲同名上打钩———全部保存，这样就设置成歌词保存在歌曲文件夹并且和歌曲同名，就可以同步显示IRC形式歌词了。
