<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>Document</title>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
//audio預加載
document.addEventListener("WeixinJSBridgeReady", function() {
document.getElementById('jgg').play()
}, false);
</script>
</head>
<body>
<audio id="jgg" src="https://bbs.csdn.net/topics/style/jgg.mp3" autoplay="autoplay"></audio>
</body>
</html>
uj5u.com熱心網友回復：
有大神知道怎么整嗎？uj5u.com熱心網友回復：
快來個大神。。uj5u.com熱心網友回復：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>Document</title>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
//audio預加載
document.addEventListener("WeixinJSBridgeReady", function() {
document.getElementById('jgg').play()
}, false);
</script>
</head>
<body>
<audio id="jgg" src="https://bbs.csdn.net/topics/style/jgg.mp3" autoplay="autoplay"></audio>
</body>
</html>
沒遇到過，是網路原因嗎？
uj5u.com熱心網友回復：
張哥音頻壓縮軟體壓縮音頻的質量uj5u.com熱心網友回復：
剛調通一個解決方案說一下：1. 開始時audio的src為空，頁面加載后直接播放一次 （這個特別重要）
2. 加載資料并賦值給src(我用的blob，直接復制src不可以行)
3. 點擊手動觸發播放
測驗代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<audio id="audio" class="media-audio" preload="auto"></audio >
<button id="btnStart" style="width: 100px; height: 100px; border-radius: 50%; cursor: pointer;">Play6</button>
<script src="https://bbs.csdn.net/topics/js/jquery.min.js"></script>
<script>
function audioAutoPlay(id){
var audio = document.getElementById(id);
audio.play();
}
function loadData(){
//創建XMLHttpRequest物件
var xhr = new XMLHttpRequest();
//配置請求方式、請求地址以及是否同步
xhr.open('GET', 'http://xxx.com/201911101575950144866.mp3', true);
//設定請求結果型別為blob
xhr.responseType = 'blob';
//請求成功回呼函式
xhr.onload = function(e) {
if (this.status == 200) {//請求成功
//獲取blob物件
var blob = this.response;
//獲取blob物件地址，并把值賦給容器
$("#audio").attr("src", URL.createObjectURL(blob));
}
};
xhr.send();
}
// 這個方式不行
function loadData2(){
$("#audio").attr('src','http://xxx.com/201911101575950144866.mp3');
}
$(document).ready(function(){
audioAutoPlay('audio');
loadData();
$("#btnStart").click(function(){
audioAutoPlay('audio');
});
})
</script>
</body>
</html>
希望對大家有幫助
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/64175.html
標籤：HTML5