wxml代码如下:
<!--当前为停止状态 --><view style="width:250rpx;height:250rpx;left:250rpx;top:12rpx;position:relative;" wx:if="{{isplay==false}}" bindtap='play'> <image style="width:100%;height:100%;border-radius:50%;" src='http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000' /> <image src='../image/play.png' style="width:100rpx;height:100rpx;position:absolute;left:75rpx;top:75rpx;"></image></view>
<!--当前为播放状态 --><view style="width:250rpx;height:250rpx;left:250rpx;top:12rpx;position:relative;" wx:if="{{isplay==true}}" bindtap='stop'> <image style="width:100%;height:100%;border-radius:50%;" src='http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000' /> <image src='../image/stop.png' style="width:100rpx;height:100rpx;position:absolute;left:75rpx;top:75rpx;"></image></view><slider style="width:500rpx;margin-left:125rpx;"></slider>
js的代码如下:
const myaudio = wx.createInnerAudioContext();
Page({
data: {
isplay: false,//是否播放
},
onShow: function ()
play: function ()
{ myaudio.play();
console.log(myaudio.duration);
this.setData({ isplay: true });
}, // 停止
stop: function ()
{ myaudio.pause();
this.setData({ isplay: false });
} })
你好,建议加InnerAudioContext.onError(function callback)检查下https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html