javascript - HTML5 音频适用于桌面和 iPhone,但不适用于 ipad
问题描述
这是我的代码。除 ipad 外,声音无处不在。试用了 2 种不同的设备。
var audioplayer = document.createElement('audio');
audioplayer.id = "audioplayer";
var audiosource = document.createElement('source');
audiosource.id = "audiosource";
audiosource.type = "audio/mpeg";
audiosource.src = "";
audioplayer.appendChild(audiosource);
td.appendChild(audioplayer);
var voice_icon = document.createElement('p');
voice_icon.id = "voice_icon_dict";
voice_icon.className = "volumeicon";
voice_icon.innerHTML = "<i class='fa fa-volume-down'></i>";
td.appendChild(voice_icon);
voice_icon.addEventListener("click", function() {
var myRowIndex2 = $(this).closest('tr').index();
var word = columns[myRowIndex2-1][0];
var xhr = new XMLHttpRequest();
var url = '/polly.php';
xhr.open('POST', url, true);
xhr.responseType = 'blob';
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onload = function(oEvent){
var audioblob = new Blob([xhr.response], {type: 'audio/mpeg'});
var objectURL = URL.createObjectURL(audioblob);
//code definitely reaches this part on ipad so that's not an issue
$('#audiosource').attr('src',objectURL);
$('#audioplayer').trigger('load');
$('#audioplayer').trigger('play');
}
xhr.send("word="+word);
});
作为测试,在此链接上,neigh 声音在 ipad 上播放,因此这不是 ipad 设置或音量问题。有任何想法吗?