From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/tools/web_audio_editor/index.html | 69 ++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 files/ru/tools/web_audio_editor/index.html (limited to 'files/ru/tools/web_audio_editor/index.html') diff --git a/files/ru/tools/web_audio_editor/index.html b/files/ru/tools/web_audio_editor/index.html new file mode 100644 index 0000000000..2638a12414 --- /dev/null +++ b/files/ru/tools/web_audio_editor/index.html @@ -0,0 +1,69 @@ +--- +title: Web аудио редактор +slug: Tools/Web_Audio_Editor +tags: + - API веб-аудио + - Firefox + - Mozilla + - Мозилла + - инструменты +translation_of: Tools/Web_Audio_Editor +--- +
{{ToolsSidebar}}

С помощью Web Audio API, разработчики создают {{domxref("AudioContext", " аудиоконтекст")}}. Затем в этом контексте они создают ряд {{domxref ("AudioNode", "audio nodes")}}, включая:

+ + + +

Каждый узел имеет ноль или более свойств {{domxref ("AudioParam")}} которые настраивают его работу. Например {{domxref ("GainNode")}} имеет одно свойство усиления, в то время как {{domxref ("OscillatorNode")}} имеет частоту и свойства насстройки.

+ +

Разработчик соединяет узлы в виде графика, а полный граф определяет поведение аудиопотока.

+ +

Web Audio Editor исследует аудиоконтекст, созданный на странице, и обеспечивает визуализацию его графика. Это дает вам представление о его работе на высоком уровне и позволяет вам убедиться, что все узлы подключены так, как вы ожидаете. Затем вы можете изучить и отредактировать свойства AudioParam для каждого узла на графике. Некоторые свойства non-AudioParam, например свойство типа OscillatorNode, отображаются, и вы также можете их редактировать.

+ +

Этот инструмент все еще экспериментальный. Если вы найдете ошибки, мы будем рады, если вы отправите их в Bugzilla. Если у вас есть вопросы или предложения по новым функциям, ffdevtools.uservoice.com или Twitter отличные места для их регистрации.

+ +

Открытие веб-аудиоредактора

+ +

Web Audio Editor по умолчанию не включен в Firefox 32. Чтобы включить его, откройте Настройки инструмента разработчика и отметьте «Web Audio». Теперь на панели инструментов Toolbox должна быть дополнительная вкладка с надписью «Web Audio». Щелкните вкладку и загрузите страницу, которая создает звуковой контекст. Два хороших демки:

+ + + +

Визуализация графа

+ +

Теперь Web Audio Editor отобразит график загруженного аудиоконтекста. Вот график демоверсии The Violent:

+ +

Вы можете видеть, что он использует три узла: {{domxref ("OscillatorNode")}} в качестве источника, {{domxref ("GainNode")}} для управления томом и {{domxref ("GainNode")}} в качестве места назначения.

+ +

Подключения к AudioParams

+ +
+

Отображение подключений к AudioParams является новым в Firefox 34.

+
+ +

Соединения между узлами отображаются сплошными линиями. Если вместо этого вы подключили узел к AudioParam в другом узле, то соединение будет показано пунктирной линией между узлами и будет помечено именем AudioParam:

+ +

Проверка и изменение AudioNodes

+ +

Если вы нажмете на узел, он подсветится, и вы получите инспектор узла справа. В этом списке перечислены значения свойств AudioParam этого узла. Например, вот как выглядит OscillatorNode:

+ +

В демоверсии Viplent, параметр частоты изменяется когда пользователь перемещает мышь влево и вправо, и вы можете увидеть это, отраженное в инспекторе узлов. Однако значение не обновляется в реальном времени: вам нужно снова щелкнуть узел, чтобы увидеть обновленное значение.

+ +

Если вы щелкнете значение в инспекторе узлов, вы можете изменить его: нажмите Enter или Tab и новое значение вступит в силу немедленно.

+ +

Обход узлов

+ +
+

Новое в Firefox 38.

+
+ +

В панели, которая показывает детали узла, есть кнопка включения / выключения:

+ +

Нажмите на него, и график будет изменен для обхода этого узла, поэтому он больше не будет иметь никакого эффекта. Узлы, которые обойдены, показаны заштрихованным фоном:

+ +

-- cgit v1.2.3-54-g00ecf