<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title></title>
</head>
<body>
<audio id="bgmusic" src="http://................mp3" autoplay preload loop controls></audio>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
// 方法1
// 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audio
function autoPlayAudio1() {
wx.config({
// 配置信息, 即使不正确也能使用 wx.ready
debug: false,
appId: '',
timestamp: 1,
nonceStr: '',
signature: '',
jsApiList: []
});
wx.ready(function() {
document.getElementById('bgmusic').play();
});
}
// 方法2
function autoPlayAudio2() {
window.onload = function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
document.getElementById('bgmusic').play();
});
};
}
autoPlayAudio1(); // 推荐使用方法1
//autoPlayAudio2(); // 也可以试一试方法2
</script>
</body>
</html>
网友评论