resonance-audio 相关问题


Web Audio API 无法在设备上播放声音样本,但可以在浏览器中播放

我有一个 Ionic 应用程序,它是一个节拍器。使用 Web Audio API,我已经使用振荡器功能使一切正常工作,但是当切换到使用 wav 文件时,真实设备上不会播放音频(iPh...


图像未在我制作的本地网站上加载Vagamond 检测...</desc> <question vote="0"> <p>使用 Chrome 版本 109.0.5414.120(官方版本)(32 位),因为它是 Windows 7 的最后一个版本(我相信)。</p> <pre><code><!DOCTYPE HTML> <HTML> <HEAD> <TITLE>Vagamond Detective From The Wild West</TITLE> <H3>Vagamond Detective From The Wild West</H3> </HEAD> <BODY> <audio src="1-33. Jake Marshall ~ Vagamond Detective From The Wild West.flac", controls=pause, play> <img src="Jake Marshall.png", alt="Jake Marshall"> </BODY> </HTML> </code></pre> <p>当我检查时,我没有发现任何问题。所有文件都在同一个文件夹中,包括HTML文件,所以路径没有问题。</p> <p>预期加载图像。没有。</p> </question> <answer tick="false" vote="0"> <p>调试你的代码后我发现你的音频标签没有关闭。</p> <p><strong>试试这个:</strong></p> <pre><code> <audio src="1-33. Jake Marshall ~ Vagamond Detective From The Wild West.flac", controls=pause, play></audio> </code></pre> </answer> </body></html>

使用 Chrome 版本 109.0.5414.120(官方版本)(32 位),因为它是 Windows 7 的最后一个版本(我相信)。 Vagamond 检测...</desc> <question vote="0"> <p>使用 Chrome 版本 109.0.5414.120(官方版本)(32 位),因为它是 Windows 7 的最后一个版本(我相信)。</p> <pre><code><!DOCTYPE HTML> <HTML> <HEAD> <TITLE>Vagamond Detective From The Wild West</TITLE> <H3>Vagamond Detective From The Wild West</H3> </HEAD> <BODY> <audio src="1-33. Jake Marshall ~ Vagamond Detective From The Wild West.flac", controls=pause, play> <img src="Jake Marshall.png", alt="Jake Marshall"> </BODY> </HTML> </code></pre> <p>当我检查时,我没有发现任何问题。所有文件都在同一个文件夹中,包括HTML文件,所以路径没有问题。</p> <p>预期加载图像。没有。</p> </question> <answer tick="false" vote="0"> <p>调试你的代码后我发现你的音频标签没有关闭。</p> <p><strong>试试这个:</strong></p> <pre><code> <audio src="1-33. Jake Marshall ~ Vagamond Detective From The Wild West.flac", controls=pause, play></audio> </code></pre> </answer> </body></html>


如何在声音播放时使图像改变风格或模糊并在声音结束时恢复到原始状态?

看这个简单的代码 音频{显示:无;} 图像{ 宽度:25px; 内容:url(mybutton.png); } 图像:悬停{ 光标:指针; } 功能...</desc> <question vote="-1"> <p>看这个简单的代码</p> <pre><code>&lt;head&gt; &lt;style&gt; audio { display:none;} img { width: 25px; content:url(mybutton.png); } img:hover { cursor: pointer; } &lt;/style&gt; &lt;script&gt; function playSound (mysound) { let theSound = new Audio(mysound); theSound.play(); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;img onclick=&#34;playSound(&#39;ch.m4a&#39;)&#34; /&gt; &lt;/body&gt; </code></pre> <p><strong>我想要一个非常简单的CSS或JavaScript代码</strong>可以做到这些:</p> <p>-单击图像时,它会改变样式或变得模糊或更改为另一张图像。然后,声音开始播放。</p> <p>-当声音停止播放时,图像变回原来的状态。</p> <p><strong>我们可以使用非常简单的代码来做到这一点吗?</strong></p> </question> <answer tick="false" vote="0"> <p>您可以向音频添加事件侦听器并在其中应用 css 更改</p> <pre><code>function playSound (mysound) { let theSound = new Audio(mysound); theSound.addEventListener(&#39;ended&#39;, function() { alert(&#39;Audio finished playing!&#39;); }); theSound.play(); } </code></pre> </answer> </body></html>


为什么现在无法播放 gdrive 文件中的音频?

我有这样的代码: 我有这样的代码: <audio id="player" autoplay controls> <source src="http://docs.google.com/uc?export=open&id=107VpNA7BU4AIxVsK2sRg69-rOigdU57n" type="audio/mp3"> </audio> 最初,上面的代码应该播放驱动器上文件中的歌曲。但是,由于某种原因,它不再起作用了。有人遇到过类似问题吗 听起来您面临着 HTML 的限制,不允许直接从 Google Drive 上的文件流式传输音乐。一种解决方法可能是将音乐文件托管在允许直接流式传输的服务器上,或者您可以考虑使用支持此功能的不同平台或技术。您需要帮助寻找替代解决方案或平台吗? Google 云端硬盘不支持直接流式传输。 您可以尝试使用 Dropbox OP的方法实际上确实适用于从谷歌驱动器传输音频,使用; src="http://docs.google.com/uc?export=open&id=file-id", 直到 2024 年 1 月 10 日左右。 在上述日期之前,我有几个 html/javascript 网络播放器直接从驱动器流式传输我的音乐。 Google 已开始推出影响第三方访问驱动器文件方式的更改;意思是在drive.google.com之外 来自 Google Drive 服务器之外的文件请求不再受到相同的处理。 下面链接中的答案部分解释了问题: https://stackoverflow.com/a/77805668/23238731 虽然这个答案是参考谷歌驱动器中的图像,但这同样适用于像OP代码一样链接的音频文件。 Google 建议用户现在使用 iframe 以 html 形式显示 google 云端硬盘内容,包括音频。 我已经对此进行了测试,iframe 选项确实适用于音频,尽管它对于流媒体没有用。


© www.soinside.com 2019 - 2024. All rights reserved.