Nig*_*eck 6 javascript safari ipad ios web-audio-api
请注意:此问题已于2016年11月在iOS 10.1.1中修复.谢谢Apple!
我无法通过iPad上的Web Audio API播放任何音频.这是使用最新版本的iOS(从9.3.2开始 - 目前为10.1).
测试用例
这是我设置的一个简单的测试(下面的代码).这些测试都不适用于我.在iPhone或其他兼容的浏览器上没有问题.这里有另一个测试页面(来自William Malone).这些声音都没有在三台iPad上播放过.最后这个游戏使用Web Audio API(感谢Derek)并且也很静音.
如果您正在iPad上阅读此内容,请尝试进行简单的测试并在评论中报告(或私下与我联系)如果加载,然后播放,工作和播放声音.请包含iOS版本号(设置 - >常规 - >关于 - >版本).
任何见解或反馈将非常感谢!
这是测试代码:
<!DOCTYPE html>
<html>
<head>
<title>Web Audio API - iPad Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./jquery-2.2.3.min.js"></script>
<style>
section { padding:10px; margin:0 0 10px; background:DarkSeaGreen }
a { cursor:pointer; display:block; background: DarkSeaGreen; padding:10px; margin:0 0 3px }
</style>
</head>
<body>
<script>
var app = {};
$(document).ready(function() {
// Do we have Web Audio API?
try {
window.AudioContext = window.AudioContext || window.webkitAudioContext;
audioContext = new AudioContext();
} catch (e) {
alert('Web Audio API is not supported in this browser');
}
$('#loadClick').on('click',function(){load('./ipad_test.mp3')});
$('#playTouchEnd').on('touchend',play);
$('#playTouchStart').on('touchstart',play);
$('#playClick').on('click',play);
$('#unlockTouchEnd').on('touchend',unlock);
$('#unlockTouchStart').on('touchstart',unlock);
$('#unlockClick').on('click',unlock);
});
function unlock() {
// play empty buffer to unmute audio
var buffer = audioContext.createBuffer(1, 1, 22050);
var source = audioContext.createBufferSource();
source.audioContext = buffer;
source.connect(audioContext.destination);
source.start(0);
$('#messages').append('<p>Unlocked.</p>');
}
function load(file) {
if(app.loaded) {
$('#messages').append('<p>Already loaded.</p>');
return;
}
var request = new XMLHttpRequest();
request.open ('GET', file, true);
request.responseType = 'arraybuffer';
request.onload = function () {
audioContext.decodeAudioData(
request.response,
function (buffer) {
app.buffer = buffer;
$('#messages').append('<p>Loaded.</p>');
app.loaded = 1;
},
function(){alert('Load error.');}
)
};
request.send();
}
function play() {
if(!app.loaded) {
$('#messages').append('<p>Please load before playing.</p>');
return;
}
var sourceNode = audioContext.createBufferSource();
sourceNode.buffer = app.buffer;
sourceNode.connect (audioContext.destination);
sourceNode.start(0);
$('#messages').append('<p>Playing.</p>');
}
</script>
<h1>Web Audio API Test</h1>
<p>Unlock should not be needed at all, but offers an alternative way to try and get the audio going. Load and then play should be all any compatible device needs. Refresh to start again.</p>
<a id="unlockTouchEnd">Unlock (touchend)</a>
<a id="unlockTouchStart">Unlock (touchstart)</a>
<a id="unlockClick">Unlock (click)</a>
<a id="loadClick" style="background:#c0c0c0">Load (click)</a>
<a id="playTouchEnd">Play Audio (touchend)</a>
<a id="playTouchStart">Play Audio (touchstart)</a>
<a id="playClick">Play Audio (click)</a>
<section id="messages"></section>
</body>
</html>
背景
在苹果文档清楚音频必须从用户操作启动了网络音频API的工作.他们说:
注意:在iOS上,Web Audio API需要通过显式用户操作触发声音,例如点按.从onload事件调用noteOn()将不会播放声音.
网上有很多线程关于这方面的问题,最新的是2015年秋季iOS 9.0到9.2:
他们建议从触摸启动事件中触发音频来解锁iOS音频(或者在当时存在问题时进行触摸).我已经尝试了所有建议的技术,无法获得touchstart,touchend或点击工作.iPad上的音频始终静音.
| 归档时间： |
|
| 查看次数： |
1699 次 |
| 最近记录： |