Can't play sound on iOS
<p>Cross-post from <a href="https://github.com/aframevr/aframe/issues/1684" rel="nofollow">https://github.com/aframevr/aframe/issues/1684</a></p>

<p><strong>Description:</strong></p>

<p>I cannot get audio to play on iOS, both on Safari and Chrome.</p>

<p>What I tried:</p>

<ul>
<li><p><code>autoplay</code> directly on the component. #1463 made me think right away that this wouldn't work. But #1463 description implies that it wouldn't work for Chrome for Android, but it <strong>does</strong> work for me.</p></li>
<li><p>using <code>entity.components.sound.play()</code>, both with a setTimeout and with user events.</p></li>
</ul>

<p>Both approaches worked properly in Chrome for Android and desktop browsers (Chrome, Safari and Firefox). In Firefox for Android, my app crashes even before I could try the audio, but that is just information, I'm not focusing on Firefox.</p>

<p>I inspected the iOS Safari console and network tabs with remote debug and there wasn't any error or something.</p>

<p>Also, as a side note, I tried the <a href="http://ngokevin.github.io/a-wakens/" rel="nofollow">a-wakens demo</a>, and it worked on: </p>

<ul>
<li>Chrome, Safari and Firefox (desktop), Firefox (Android)</li>
</ul>

<p>but didn't work on:</p>

<ul>
<li>Chrome (Android), Safari and Chrome (iOS)</li>
</ul>

<p>So, I'm pretty much clueless about how to get audio to play on iOS and would appreciate some tips.</p>

<ul>
<li>A-Frame Version: 0.2.0</li>
<li>Platform/Device: iOS 9.3.2, iPhone 6, both Safari and Chrome 51</li>
</ul>