在使用audio标签的时候,有时候我们的需求是使某首旋律从指定的时间开始播放,
那么我们就用到了audio标签的currentTime属性,
其中使用这个标签的h5页面在微信浏览器中都能够正常播放,但是被嵌套在app里后,只有安卓机能够正常赋值从而在指定的时间开始播放,Ios机不能够正常赋值
So…看我如何解决,直接上代码~~~~
首先判断机型
isAndroid: function() {
const u = navigator.userAgent;
if (u.indexOf("Android") > -1 || u.indexOf("Linux") > -1) {
return true;
}
}
然后就根据不同的机型,书写不同的代码
upperPagecurtime () {
const that = this;
const oAudio = document.getElementById("audio");
if (that.isAndroid()) {
oAudio.currentTime = para.musicCurtime; // 安卓兼容写法
} else {
oAudio.addEventListener("canplay", function() {
oAudio.currentTime = para.musicCurtime; // ios兼容写法
});
}
}
至此~~以上代码便能够兼容IOS手机,从而使audio标签在苹果app中也能够实现从指定的时间播放音乐的功能啦