微信小程序音频，视频播放

微信小程序音频播放

<!-- index.wxml -->
<audio id="myAudio" src="{
  {audioUrl}}" bindtimeupdate="onAudioTimeUpdate"></audio>
<text>当前时间：{
  {formatTime(currentTime)}} / 总时长：{
  {formatTime(duration)}}</text>
<slider value="{
  {currentTime}}" max="{
  {duration}}" bindchanging="onSliderChange"></slider>

在上述代码中，我们使用了<audio>组件来进行音频的播放，通过绑定src属性指定要播放的音频文件。

同时，我们使用了bindtimeupdate事件来监听音频播放时间的变化，并调用onAudioTimeUpdate方法进行处理。

在文本部分，我们展示了当前播放时间和总时长。

最后，我们使用了<slider>组件来展示音频播放的进度条，通过设置value属性为当前播放时间，max属性为总时长，来控制滑块的位置和长度。

接下来，我们需要在对应的JavaScript文件中编写相应的逻辑代码来实现获取音频的播放时长和进度。

// index.js
Page({
  data: {