audio play() fail at ios 12

[dslming]

Description of the problem

After my test, due to the addition of this line of code, the Google browser audio playback in ios (12.1) failed.(经过我测试,由于添加了这行代码,使得在ios(12.1) 的谷歌浏览器音频播放失败.)
file path is: src/audio/Audio.js

source.detune.value = this.detune;

Three.js version

• Dev
• r100
• ...

Browser

• All of them
• Chrome for iOS
• Firefox
• Internet Explorer

OS

• [] All of them
• Windows
• macOS
• Linux
• Android
• iOS

Hardware Requirements (graphics card, VR Device, ...)

[Mugen87]

Unfortunately, I can't verify the issue since I have no iOS device. Maybe someone else with an iPhone can test with the Web Audio examples:

https://threejs.org/examples/?q=webaudio

[harmvandeven]

@Mugen87 I've tested the examples on iOS both Safari and Chrome. The Timing example doesn't work, the others do. I ran into this thread because of an error I'm experiencing on Safari macOS (12.0.2 on Mojave) as well. It is the same Timing example that doesn't work.

In both iOS and macOS it returns the same error: TypeError: undefined is not an object (evaluating 'source.detune.value = this.detune')

[Mugen87]

I can reproduce on macOS. Unfortunately, there is more stuff not working in Safari. The browser does not correctly evaluate the directional cone in webaudio_orientation. Besides certain sounds in webaudio_sandbox are not played because Safari does not support Ogg Vorbis.

Safari does not support AudioBufferSourceNode.detune so far. We could fix this by check if source.detune is undefined.

@1097364388 Would you please update your PR and implement the mentioned check in Audio.play() and Audio.setDetune()? The latter method should ideally print a warning if it is used when detune is undefined.

/cc @ngokevin

[Mugen87]

I've added a bug report at the Webkit issue tracker. Let's see what happens^^

https://bugs.webkit.org/show_bug.cgi?id=193445

[Mugen87]

@1097364388 Never mind. @ngokevin was faster^^