菜鸟教程小白 发表于 2022-12-12 16:49:49

html - 如何为 iPhone 播放 HTML 格式的音频？不起作用的示例 :(


                                            <p><p>我已使用音频标签 HTML 元素尝试在 </p> 处播放音频

<p><strong>音频问题示例</strong>:<a href="http://justinreina.com/nice_try/index.html" rel="noreferrer noopener nofollow">www.justinreina.com/nice_try</a> </p>

<p>使用以下 HTML</p>

<pre><code>&lt;audio autoplay&gt;
    &lt;source src=&#34;justinsingsbetter.wav&#34; type=&#34;audio/wav&#34;&gt;
&lt;/audio&gt;
</code></pre>

<p>它在桌面网络浏览器(<em>例如 Firefox</em>)中运行良好，但音频无法在 iPhone(<em>iPhone 6、IOS 9.1</em>)上播放。为什么这不起作用，有没有人有任何修复它的建议？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>Mobile Safari 不支持自动加载音频。
更具体地说，移动 Safari 会自动忽略以下内容:</p>

<ul>
<li><code>自动播放</code>属性</li>
<li><code>preload</code> 属性</li>
<li><code>audio.play()</code> 在页面加载时运行的方法中</li>
</ul>

<p>音频流只能在用户触摸事件触发时加载，例如 <code>onmousedown</code>、<code>onmouseup</code>、<code>onclick</code> 或 <code>ontouchstart </code>。 </p>

<p>到目前为止，还没有解决方法。在 iOS 4.2.1 之前，您可以从同步 Ajax 调用的回调中加载音频文件。这已在 iOS 4.2.1 中进行了修补，因为同步调用会锁定整个浏览器，如果在加载文件时发生错误，整个浏览器将保持锁定状态并且必须强制关闭。</p>

<p>来源:<a href="http://www.ibm.com/developerworks/library/wa-ioshtml5/" rel="noreferrer noopener nofollow">http://www.ibm.com/developerworks/library/wa-ioshtml5/</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于html - 如何为 iPhone 播放 HTML 格式的音频？不起作用的示例 :(，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/33331891/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/33331891/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: html - 如何为 iPhone 播放 HTML 格式的音频？不起作用的示例 :(