Интеграция обработки с библиотеками Minim на веб-сайте

Я видел подобные вопросы, опубликованные ранее, но, похоже, общий ответ заключается в том, что это невозможно сделать.

Итак, вот мой 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.*;

Вместо моего проекта на моем сайте есть прямоугольная форма, пропорциональная размеру проекта, но без изображения и звука.

Более того, этот метод тоже не работает … Я не знаю что делать.

Какие-либо предложения? :)

Спасибо,

Тиб


person Thib    schedule 04.08.2015    source источник
comment
Вы когда-нибудь выправляли это?   -  person Kevin Workman    schedule 10.08.2016


Ответы (1)


Подумайте об этом таким образом:

  • "Core Processing" содержит все переменные и функции, которые вы можете использовать в старом простом скетче Processing.
  • Вы можете развернуть «основную обработку» как приложение Java. Если вы это сделаете, вы также можете использовать библиотеки Java, такие как minim.
  • Вы также можете развернуть «основную обработку» как JavaScript, используя Processing.js. Если вы это сделаете, вы можете встроить свой эскиз в веб-страницу и использовать синтаксис JavaScript для доступа к html-компонентам этой окружающей веб-страницы.
  • Но вы не можете смешивать их: вы не можете встроить приложение Java в веб-страницу (апплеты мертвы) и вы не можете использовать библиотеки Java на веб-странице JavaScript.

Minim — это библиотека Java, поэтому вы не можете использовать ее непосредственно в приложении JavaScript. Вместо этого вам нужно найти библиотеку JavaScript, которая делает что-то подобное. Вы опубликовали один метод (что вы имеете в виду, когда говорите, что он не сработал?), но поиск в Google «processing.js audio» или «minim javascript» возвращает кучу других, включая этот связанный вопрос:

Экспорт эскиза обработки со звуком в JavaScript

Также стоит познакомиться с консолью JavaScript. В веб-браузере нажмите F12, затем перейдите на вкладку консоли и обновите страницу. Это покажет вам любые ошибки, с которыми вы столкнулись, таким образом, у вас будет больше информации, чем «это пустой прямоугольник».

person Kevin Workman    schedule 04.08.2015
comment
Хорошо, я немного лучше понимаю, как это работает, спасибо, Кевин. Поэтому мне нужно найти библиотеку JavaScript, которая делает что-то похожее на Minim, потому что это библиотека Java. Например, используйте относительно простую прокладку, такую ​​как github. com/Pomax/Pjs-2D-Game-Engine/blob/master/minim.js и включить его как обычный JS-скрипт на мою страницу перед загрузкой каких-либо эскизов. Вот так ? Так почему же это решение моей проблемы не работает? - person Thib; 05.08.2015
comment
Вы должны быть более конкретными, чем говорить, что это не работает. Какие ошибки вы видите в своей консоли JavaScript? - person Kevin Workman; 05.08.2015