audio 自动播放

<audio id="voice" loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio>

src:音频地址

autoplay:音频加载完毕后自动播放。

controls:显示播放控制条。

loop:播放完毕后会重复播放。

preload:1)auto 预加载音频视频。2）metadata 只预加载音频视频元数据。  有autoplay时此属性无效。

微信浏览器：

var voice = document.getElementById('voice');

voice.play();   //调用播放
//判断 WeixinJSBridge 是否存在
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
    voice.play();
}else {
    //监听客户端抛出事件 "WeixinJSBridgeReady"
    if (document.addEventListener) {
        document.addEventListener("WeixinJSBridgeReady", function(){
            voice.play();
        }, false);
    } else if (document.attachEvent) {
        document.attachEvent("WeixinJSBridgeReady", function(){
            voice.play();
        });
        document.attachEvent("onWeixinJSBridgeReady", function(){
            voice.play();
        });
    }
}

ios浏览器：

 iOS Safari 不允许自动播放 audio，只能通过用户交互触发.而 Safari 浏览器可没有内置 WeixinJSBridge 接口,所以一般的做法是监听 touchstart 事件进而调用 <audio> 元素提供的 play() 方法播放音频

var flag= true;   //flag

document.addEventListener("touchstart",function(e){
    if(voiceStatu){
        voice.play();
        flag = false;
    }
}, false);