这回答我也是醉了。
今天同样遇到这个问题。
.play()在安卓可以使用，在ios微信里面播放mp3没有
② html5多次用js播放audio之后就没有声音了. 重新刷新之后又好了
推荐你采用控制
既然看到送你一个demo吧，自行研究，应该都很详细了
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1user-scalable=0"/>
<linkrel="shortcuticon"href="img/logo.png">
<title>html5audio音频播放</title>
<style>
*{margin:0;padding:0;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"微软雅黑"}
h1{width:100%;font-size:1.5em;text-align:center;line-height:3em;color:#47c9af;}
#audio{width:100%;}
#control{width:150px;height:150px;line-height:150px;text-align:center;border-radius:200px;border:none;color:#fff;margin-top:-75px;margin-left:-75px;left:50%;top:50%;position:absolute;box-shadow:#888008px;}
.color_gray{background:#e4e4e4}
.hide{display:none;}
.show{display:block;}
.play{background:#f06060;}
.pause{background:skyblue}
/*进度条样式*/
.progressBar{width:100%;height:10px;margin:30pxauto30pxauto;position:absolute;left:0;bottom:35px;}
.progressBardiv{position:absolute;}
.progressBar.progressBac{width:100%;height:10px;left:0;top:0;background:#e4e4e4;}
.progressBar.speed{width:100%;height:10px;left:-100%;background:#f06060;}
.progressBar.drag{width:30px;height:30px;left:0;top:-10px;background:skyblue;opacity:0.8;border-radius:50px;box-shadow:#fff005px;}
/*时间样式*/
#time{width:100%;height:20px;position:absolute;left:0;bottom:30px;color:#888;}
.tiemDetail{position:absolute;right:10px;top:0;}
#songInfo{overflow:hidden;width:200px;height:50px;line-height:50px;text-align:center;color:#34495e;margin-top:-25px;margin-left:-100px;left:50%;top:70%;position:absolute;}
.shareImg{position:absolute;left:100000px;}
</style>
</head>
<body>
<script>
$(function(){
getSong();
})
//获取歌曲链接并插入dom中
functiongetSong(){
varaudio=document.getElementById("audio");
audio.src="
audio.loop=true;//歌曲循环
playCotrol();//播放控制函数
}
//点击播放/暂停
functionclicks(){
varaudio=document.getElementById("audio");
$("#control").click(function(){
if($("#control").hasClass("play")){
$("#control").addClass("pause").removeClass("play");
audio.play();//开始播放
dragMove();//并且滚动条开始滑动
$("#control").html("暂停播放");
}else{
$("#control").addClass("play").removeClass("pause");
$("#control").html("点击播放");
audio.pause();
}
})
}
//播放时间
functiontimeChange(time,timePlace){
vartimePlace=document.getElementById(timePlace);
//分钟
varminute=time/60;
varminutes=parseInt(minute);
if(minutes<10){
minutes="0"+minutes;
}
//秒
varsecond=time%60;
seconds=parseInt(second);
if(seconds<10){
seconds="0"+seconds;
}
varallTime=""+minutes+""+":"+""+seconds+""
timePlace.innerHTML=allTime;
}
//播放事件监听
③ 微信jssdk录制的音频，下载到服务器，在微信浏览器中怎么调用播放
兄弟解决没有，有没有方法，我这边是转换成mp3，但是转换mp3出现奇葩问题，被自动剪切了一部分，本地测试都正常，坑死了
④ 如何用js控制html页面中音频的播放（360浏览器）
你的play方法是html5的方法吧，可能是你360的版本低
html5现在还是有很多比较老的版本浏览器是不兼容的
一般html播放音频兼容比较好的是用插件
<ahref="song.mp3">PlaySound</a>
<scripttype="text/javascript"src="http://mediaplayer.yahoo.com/js">
</script>
⑤ 想用怎么用js实现播放音频。
1、播放音乐需要区分浏览器，来使用不用的对象来播放音乐
2、在播放控制上要有【播放】和【停止】来控制音乐的播放
基于以上思路，代码如下：
<SCRIPTtype="text/javascript">
if(-1!=navigator.userAgent.indexOf("MSIE"))
{
//不是微软IE浏览器，则调用Flash来播放音乐
document.write('<OBJECTid="Player"');
document.write('classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"');
document.write('width=0height=0><paramname="URL"value="a.mp3"/><paramname="AutoStart"value="false"/></OBJECT>');
}
else
{
//是微软IE浏览器，则调用微软的Player对象来直接播放音乐
document.write('<OBJECTid="Player"');
document.write('type="application/x-ms-wmp"');
document.write('autostart="false"src="a.mp3"width=0height=0></OBJECT>');
}
</SCRIPT>
<inputtype=buttonvalue="播放"onclick="Player.controls.play();"/>
<inputtype=buttonvalue="停止"onclick="Player.controls.stop();"/>