将处理与网站中的最小库集成答案

【问题标题】：Integrate Processing with Minim Libraries in Website将处理与网站中的最小库集成
【发布时间】：2015-10-26 08:10:19
【问题描述】：

我之前看到过类似的问题，但似乎普遍的答案是无法完成。

所以，这是我的 HTML 代码：

<head>
  …
  <script type="text/javascript" src="js/processing.js"></script>
  …
</head>

<body>
  …
  <canvas id="my_prog" data-processing-sources="project/my_prog.pde project/my_class.pde"/></canvas>
  …
</body>

在我的草图中，我使用 Minim 库：

import ddf.minim.*; import ddf.minim.spi.*; import ddf.minim.ugens.*;

我的网站上没有我的项目，而是与项目大小成比例的矩形，但没有图像和声音。

此外，这个method 也不起作用…… 我不知道该怎么办。

有什么建议吗？ :)

谢谢，

提布

【问题讨论】：

你有没有搞清楚这个问题？

标签： processing processing.js minim

【解决方案1】：

这样想：

“核心处理”包含all of the variables and functions，您可以在普通的旧处理草图中使用。
您可以将“核心处理”部署为 Java 应用程序。如果这样做，您还可以使用 Java 库，例如 minim。
您还可以使用 Processing.js 将“核心处理”部署为 JavaScript。如果这样做，您可以将草图嵌入网页并使用 JavaScript 语法访问该网页周围的 html 组件。
但不能混合使用：不能在网页中嵌入 Java 应用程序（小程序已失效），也不能在 JavaScript 网页中使用 Java 库。

Minim 是一个 Java 库，因此您不能直接在 JavaScript 应用程序中使用它。相反，您必须找到执行类似操作的 JavaScript 库。您发布了一种方法（当您说它不起作用时，您的意思是什么？），但谷歌搜索“processing.js 音频”或“minim javascript”会返回一堆其他方法，包括这个相关问题：

Exporting a Processing sketch with audio to JavaScript

此外，您应该熟悉 JavaScript 控制台。在您的网络浏览器中，按 F12，然后转到控制台选项卡，然后刷新您的页面。这将向您显示您遇到的任何错误，这样您就可以获得比“它是一个空白矩形”更多的信息。

【讨论】：

好的，我更了解它的工作原理了，谢谢凯文。所以我必须找到一个类似于 Minim 的 JavaScript 库，因为它是一个 Java 库。例如，在加载任何草图之前，使用相对简单的 shim，例如 github.com/Pomax/Pjs-2D-Game-Engine/blob/master/minim.js 并将其作为普通 JS 脚本包含在我的页面上。这是正确的？那么为什么我的问题的这个解决方案不起作用呢？
你必须比说它不起作用更具体。您在 JavaScript 控制台中看到了哪些错误？