如何在iPad上使用HTML5 / Javascript合成音频

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在iPad上使用HTML5 / Javascript合成音频相关的知识,希望对你有一定的参考价值。

有没有人在iPad上的Mobile Safari上使用html5 / javascript合成(和播放)音频的工作示例代码?我在网上找到了一些基于javascript的声音合成的例子,但它们似乎都只适用于Firefox。

答案

最近我遇到了这个js-library,我想这就是你想要的 - > https://github.com/oampo/Audiolet

另一答案

这是一个适用于iPad的示例:

呜呜呜.彩色.USF.额度/~Turner R/sound_demo.HTML

您可以从http://www.cse.usf.edu/~turnerr/Downloads/Sound_Demo.zip下载文件

这个演示在基于Unix的服务器上。但我还没有能够在IIS服务器上使用相同的代码。希望有人能为IIS提供一些帮助。

另一答案

您可以使用统一长度的生成数据URI,例如0.1秒。这将为您提供1/10秒的延迟,您将生成许多“帧”音频。我不确定iPad支持哪种格式,但我读到它支持未压缩的WAV。关于这种文件格式的信息很容易获得,我记得很久以前用一些原始字节操作方法生成WAV文件。

请回复详情!

另一答案

我正在回答一个非常古老的问题......但现代webkit浏览器现在支持Web Audio API。我写了一个非常simple fiddle,使用正弦波产生和弦。只有4种内置波形,但您可以使用傅里叶系数(数组)建立自己的波形。您必须为每个音符生成一个新的振荡器对象。它们是一次性物品。通过将多个振荡器连接到同一目的地,您可以获得复音声音。

 let audio = new(window.AudioContext || window.webkitAudioContext)();
 let s1 = audio.createOscillator();
 let g1 = audio.createGain();
 s1.type = 'sine';
 s1.frequency.value = 600;
 s1.start();
 g1.gain.value = 0.5;
 g1.connect(audio.destination);
 s1.connect(g1);

以上是关于如何在iPad上使用HTML5 / Javascript合成音频的主要内容,如果未能解决你的问题,请参考以下文章

如何在 iPad 上显示 HTML5 视频海报?

如何在 iPad HTML5 应用程序上抑制键盘弹出?

如何确定 HTML5 视频播放器何时在 iOS / iPad 上进入全屏模式?

html5 视频无法在 iPad 上播放 - 在 iPhone 上播放

如何让 FlashPro CC HTML5 Canvas 导出与 iPad/iPhone 上的声音一起使用

如何在 ipad 上使用 javascript 在网络浏览器中播放 wav 文件