Web Audio API - Versionsgeschichte

Aka: /* Beispiel */ typografische Anführungszeichen

2024-03-21T20:50:40Z

Beispiel: typografische Anführungszeichen

← Nächstältere Version		Version vom 21. März 2024, 22:50 Uhr
Zeile 7:		Zeile 7:

	== Beispiel ==		== Beispiel ==
	[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der AudioNodes des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit ~~"Oscillator"~~, ~~"Gain"~~ und ~~"AudioDestination"~~ und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: ~~"type~~: sine, frequency: 2500, detune: 0".]]		[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der AudioNodes des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit „Oscillator“, „Gain“ und „AudioDestination“ und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: „type: sine, frequency: 2500, detune: 0“.]]
	Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

Aka: https, Kleinkram

2023-02-12T11:33:55Z

https, Kleinkram

← Nächstältere Version		Version vom 12. Februar 2023, 13:33 Uhr
Zeile 1:		Zeile 1:
	Die '''Web Audio API''' ist eine in [[JavaScript]] verfasste [[Programmierschnittstelle\|API]] zum Erzeugen und Bearbeiten von [[Audiosignal]]en in Webapplikationen. Der Standard wird von einer Arbeitsgruppe des [[World Wide Web Consortium\|W3C]] entwickelt und kommt beispielsweise in [[Browserspiel]]en zum Einsatz. Sie kann als Audio-Analogon zum [[Canvas (HTML-Element)\|Canvas-Element]] gesehen werden.		Die '''Web Audio API''' ist eine in [[JavaScript]] verfasste [[Programmierschnittstelle\|API]] zum Erzeugen und Bearbeiten von [[Audiosignal]]en in Webapplikationen. Der Standard wird von einer Arbeitsgruppe des [[World Wide Web Consortium\|W3C]] entwickelt und kommt beispielsweise in [[Browserspiel]]en zum Einsatz. Sie kann als Audio-Analogon zum [[Canvas (HTML-Element)\|Canvas-Element]] gesehen werden.

	== Funktionsweise ==		== Funktionsweise ==
Zeile 33:		Zeile 33:

	== Browserunterstützung ==		== Browserunterstützung ==
	Die Web Audio API wird von allen wichtigen aktuellen Browsern unterstützt: [[Mozilla Firefox]] ab Version 25, [[Google Chrome]] ab Version 14 (bis Version 33 nur mit <code>webkit</code>-[[Herstellerpräfix\|Präfix]]), [[Microsoft Edge]], [[Opera (Browser)\|Opera]] ab Version 15 (ab Version 22 ohne Präfix) und [[Apple Safari\|Safari]] ab Version 6 (mit Präfix). Auch die meisten mobilen Browser unterstützen die API.<ref>{{Internetquelle\|url=~~http~~://caniuse.com/#feat=audio-api\|titel=Can I use: Web Audio API\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref><ref>{{Internetquelle\|url=https://www.chromestatus.com/feature/6261718720184320\|titel=Unprefixed Web Audio API - Chrome Platform Status\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref>		Die Web Audio API wird von allen wichtigen aktuellen Browsern unterstützt: [[Mozilla Firefox]] ab Version 25, [[Google Chrome]] ab Version 14 (bis Version 33 nur mit <code>webkit</code>-[[Herstellerpräfix\|Präfix]]), [[Microsoft Edge]], [[Opera (Browser)\|Opera]] ab Version 15 (ab Version 22 ohne Präfix) und [[Apple Safari\|Safari]] ab Version 6 (mit Präfix). Auch die meisten mobilen Browser unterstützen die API.<ref>{{Internetquelle\|url=https://caniuse.com/#feat=audio-api\|titel=Can I use: Web Audio API\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref><ref>{{Internetquelle\|url=https://www.chromestatus.com/feature/6261718720184320\|titel=Unprefixed Web Audio API - Chrome Platform Status\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref>

	Da sich die Spezifikation aber noch in Entwicklung befindet, variiert der Grad der Unterstützung zwischen den verschiedenen Browsern und zwischen unterschiedlichen Version der Browser. Ebenfalls unterschiedlich ist die [[Rechenleistung\|Performance]]<ref>{{Internetquelle\|url=https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/\|titel=What’s new in Web Audio?\|autor=Soledad Penadés\|hrsg=\|werk=Mozilla Hacks\|datum=2016-08-15\|sprache=en\|zugriff=2016-09-05}}</ref> und die [[Debugger\|Debugging]]-Möglichkeiten.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Tools/Web_Audio_Editor\|titel=Web Audio Editor\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Da sich die Spezifikation aber noch in Entwicklung befindet, variiert der Grad der Unterstützung zwischen den verschiedenen Browsern und zwischen unterschiedlichen Version der Browser. Ebenfalls unterschiedlich ist die [[Rechenleistung\|Performance]]<ref>{{Internetquelle\|url=https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/\|titel=What’s new in Web Audio?\|autor=Soledad Penadés\|hrsg=\|werk=Mozilla Hacks\|datum=2016-08-15\|sprache=en\|zugriff=2016-09-05}}</ref> und die [[Debugger\|Debugging]]-Möglichkeiten.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Tools/Web_Audio_Editor\|titel=Web Audio Editor\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>

InternetArchiveBot: InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.3

2023-02-10T06:09:26Z

InternetArchiveBot hat 1 Archivlink(s) ergänzt und 0 Link(s) als defekt/tot markiert.) #IABot (v2.0.9.3

← Nächstältere Version		Version vom 10. Februar 2023, 08:09 Uhr
Zeile 4:		Zeile 4:
	Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.		Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.

	Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \| url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \| title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=~~http~~://~~www~~.w3.org/TR/~~2012~~/WD-webaudio~~-20120315~~/ \|archivedate=2012-03-15 \|accessdate=2012-07-04}}</ref>		Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \|url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \|title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=https://web.archive.org/web/20120720115514/https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \|archivedate=2012-07-20 \|accessdate=2012-07-04 \|offline= \|archivebot=2023-02-10 06:09:26 InternetArchiveBot }}</ref>

	== Beispiel ==		== Beispiel ==

Simon04: MDN Web Docs

2021-01-31T10:47:30Z

MDN Web Docs

← Nächstältere Version		Version vom 31. Januar 2021, 12:47 Uhr
Zeile 2:		Zeile 2:

	== Funktionsweise ==		== Funktionsweise ==
	Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[~~Mozilla~~ ~~Developer~~ ~~Network~~]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[~~Mozilla~~ ~~Developer~~ ~~Network~~]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.		Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.

	Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \| url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \| title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=http://www.w3.org/TR/2012/WD-webaudio-20120315/ \|archivedate=2012-03-15 \|accessdate=2012-07-04}}</ref>		Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \| url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \| title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=http://www.w3.org/TR/2012/WD-webaudio-20120315/ \|archivedate=2012-03-15 \|accessdate=2012-07-04}}</ref>
Zeile 8:		Zeile 8:
	== Beispiel ==		== Beispiel ==
	[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der AudioNodes des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]		[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der AudioNodes des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]
	Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[~~Mozilla~~ ~~Developer~~ ~~Network~~]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	//AudioContext erzeugen		//AudioContext erzeugen
Zeile 35:		Zeile 35:
	Die Web Audio API wird von allen wichtigen aktuellen Browsern unterstützt: [[Mozilla Firefox]] ab Version 25, [[Google Chrome]] ab Version 14 (bis Version 33 nur mit <code>webkit</code>-[[Herstellerpräfix\|Präfix]]), [[Microsoft Edge]], [[Opera (Browser)\|Opera]] ab Version 15 (ab Version 22 ohne Präfix) und [[Apple Safari\|Safari]] ab Version 6 (mit Präfix). Auch die meisten mobilen Browser unterstützen die API.<ref>{{Internetquelle\|url=http://caniuse.com/#feat=audio-api\|titel=Can I use: Web Audio API\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref><ref>{{Internetquelle\|url=https://www.chromestatus.com/feature/6261718720184320\|titel=Unprefixed Web Audio API - Chrome Platform Status\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref>		Die Web Audio API wird von allen wichtigen aktuellen Browsern unterstützt: [[Mozilla Firefox]] ab Version 25, [[Google Chrome]] ab Version 14 (bis Version 33 nur mit <code>webkit</code>-[[Herstellerpräfix\|Präfix]]), [[Microsoft Edge]], [[Opera (Browser)\|Opera]] ab Version 15 (ab Version 22 ohne Präfix) und [[Apple Safari\|Safari]] ab Version 6 (mit Präfix). Auch die meisten mobilen Browser unterstützen die API.<ref>{{Internetquelle\|url=http://caniuse.com/#feat=audio-api\|titel=Can I use: Web Audio API\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref><ref>{{Internetquelle\|url=https://www.chromestatus.com/feature/6261718720184320\|titel=Unprefixed Web Audio API - Chrome Platform Status\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref>

	Da sich die Spezifikation aber noch in Entwicklung befindet, variiert der Grad der Unterstützung zwischen den verschiedenen Browsern und zwischen unterschiedlichen Version der Browser. Ebenfalls unterschiedlich ist die [[Rechenleistung\|Performance]]<ref>{{Internetquelle\|url=https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/\|titel=What’s new in Web Audio?\|autor=Soledad Penadés\|hrsg=\|werk=Mozilla Hacks\|datum=2016-08-15\|sprache=en\|zugriff=2016-09-05}}</ref> und die [[Debugger\|Debugging]]-Möglichkeiten.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Tools/Web_Audio_Editor\|titel=Web Audio Editor\|autor=\|hrsg=\|werk=[[~~Mozilla~~ ~~Developer~~ ~~Network~~]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Da sich die Spezifikation aber noch in Entwicklung befindet, variiert der Grad der Unterstützung zwischen den verschiedenen Browsern und zwischen unterschiedlichen Version der Browser. Ebenfalls unterschiedlich ist die [[Rechenleistung\|Performance]]<ref>{{Internetquelle\|url=https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/\|titel=What’s new in Web Audio?\|autor=Soledad Penadés\|hrsg=\|werk=Mozilla Hacks\|datum=2016-08-15\|sprache=en\|zugriff=2016-09-05}}</ref> und die [[Debugger\|Debugging]]-Möglichkeiten.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Tools/Web_Audio_Editor\|titel=Web Audio Editor\|autor=\|hrsg=\|werk=[[MDN Web Docs]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>

	Für ältere Browser gibt es [[Polyfill]]s, die über [[Adobe Flash\|Flash]] oder eine ältere API in Firefox funktionieren.<ref>{{Internetquelle\|url=https://github.com/g200kg/WAAPISim\|titel=WAAPISim\|autor=g200kg\|hrsg=\|werk=[[GitHub]]\|datum=\|sprache=\|zugriff=2016-09-06}}</ref>		Für ältere Browser gibt es [[Polyfill]]s, die über [[Adobe Flash\|Flash]] oder eine ältere API in Firefox funktionieren.<ref>{{Internetquelle\|url=https://github.com/g200kg/WAAPISim\|titel=WAAPISim\|autor=g200kg\|hrsg=\|werk=[[GitHub]]\|datum=\|sprache=\|zugriff=2016-09-06}}</ref>
Zeile 44:		Zeile 44:
	== Weblinks ==		== Weblinks ==
	* [https://www.w3.org/TR/webaudio/ Spezifikation]		* [https://www.w3.org/TR/webaudio/ Spezifikation]
	* [https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API Web Audio API]		* [https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API Web Audio API] auf [[MDN Web Docs]]
	* [https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API Using Web Audio API]		* [https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API Using Web Audio API] auf MDN Web Docs
	* [https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API Basic concepts behind Web Audio API]		* [https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API Basic concepts behind Web Audio API] auf MDN Web Docs

	[[Kategorie:Tonbearbeitung]]		[[Kategorie:Tonbearbeitung]]

S3154123: doppeltes Wort gelöscht

2020-04-15T14:26:03Z

doppeltes Wort gelöscht

← Nächstältere Version		Version vom 15. April 2020, 16:26 Uhr
Zeile 2:		Zeile 2:

	== Funktionsweise ==		== Funktionsweise ==
	Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und ~~mit~~ mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.		Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.

	Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \| url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \| title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=http://www.w3.org/TR/2012/WD-webaudio-20120315/ \|archivedate=2012-03-15 \|accessdate=2012-07-04}}</ref>		Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \| url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \| title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=http://www.w3.org/TR/2012/WD-webaudio-20120315/ \|archivedate=2012-03-15 \|accessdate=2012-07-04}}</ref>

S3154123: Einleitung überarbeitet und subjektive Ausdrücke ohne Bezug ("leicht einsetzbar", "großer Funktionsumfang") gelöscht. Funktionsweise spezifiziert und ergänzt. Eingedeutschte Interface-Bezeichnungen ersetzt.

2020-04-15T14:23:38Z

Einleitung überarbeitet und subjektive Ausdrücke ohne Bezug ("leicht einsetzbar", "großer Funktionsumfang") gelöscht. Funktionsweise spezifiziert und ergänzt. Eingedeutschte Interface-Bezeichnungen ersetzt.

← Nächstältere Version		Version vom 15. April 2020, 16:23 Uhr
Zeile 1:		Zeile 1:
	Die '''Web Audio API''' ~~ermöglicht~~ es in [[~~Webbrowser~~]]n ~~mittels~~ [[~~JavaScript~~]] [[Audiosignal]]e zu ~~erzeugen~~ ~~und~~ zu ~~bearbeiten.~~ Es ~~handelt~~ ~~sich~~ um ~~eine~~ ~~leicht~~ ~~einsetzbare~~ ~~[[Programmierschnittstelle~~\|~~API~~]] ~~mit großem Funktionsumfang~~ und kommt beispielsweise in [[Browserspiel]]en zum Einsatz. Sie kann als Audio-Analogon zum [[Canvas (HTML-Element)\|Canvas-Element]] gesehen werden. ~~Der Standard wird von einer Arbeitsgruppe des [[World Wide Web Consortium\|W3C]] entwickelt.~~		Die '''Web Audio API''' ist eine in [[JavaScript]] verfasste [[Programmierschnittstelle\|API]] zum Erzeugen und Bearbeiten von [[Audiosignal]]en in Webapplikationen. Der Standard wird von einer Arbeitsgruppe des [[World Wide Web Consortium\|W3C]] entwickelt und kommt beispielsweise in [[Browserspiel]]en zum Einsatz. Sie kann als Audio-Analogon zum [[Canvas (HTML-Element)\|Canvas-Element]] gesehen werden.

	== Funktionsweise ==		== Funktionsweise ==
	~~Die~~ Audiosignale werden ~~innerhalb~~ ~~eines~~ ~~Audiokontextes~~ ~~erzeugt~~ ~~und~~ ~~bearbeitet.~~ ~~Die~~ ~~Verarbeitungsschritte~~ ~~werden~~ ~~durch~~ ~~einzelne~~ ~~Audioknoten~~ ~~des~~ ~~Kontexts~~ ~~durchgeführt,~~ ~~die~~ ~~untereinander~~ verbunden ~~sind~~. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der ~~Audioknoten~~ sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert.		Audiosignale werden durch einen mittels Programmcode spezifizierten [[Graph (Graphentheorie)\|Graph]]en (AudioContext) geleitet, in dem jeder Knoten (AudioNode) einen Bearbeitungsschritt repräsentiert und mit mit anderen Knoten verbunden ist. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Knoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert. Die Knoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.

			Die eigentliche Signalverarbeitung findet hauptsächlich in der zugrundeliegenden Implementation der API statt, jedoch ist auch direkte Bearbeitung in JavaScript möglich.<ref>{{cite web \| url=https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html \| title=Web Audio API \|author=Chris Rogers \|date=2012-03-15 \|publisher=[[W3C]] \|archiveurl=http://www.w3.org/TR/2012/WD-webaudio-20120315/ \|archivedate=2012-03-15 \|accessdate=2012-07-04}}</ref>
	Die Audioknoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.

	== Beispiel ==		== Beispiel ==
	[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der ~~Audioknoten~~ des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]		[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der AudioNodes des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]
	Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	//~~Audiokontext~~ erzeugen		//AudioContext erzeugen
	var audioCtx = new AudioContext();		var audioCtx = new AudioContext();

	//~~Audioknoten~~ erzeugen		//AudioNodes erzeugen
	var oscillatorNode = audioCtx.createOscillator();		var oscillatorNode = audioCtx.createOscillator();
	var gainNode = audioCtx.createGain();		var gainNode = audioCtx.createGain();

	//~~Audioknoten~~ verbinden		//AudioNodes verbinden
	oscillatorNode.connect(gainNode);		oscillatorNode.connect(gainNode);
	gainNode.connect(audioCtx.destination);		gainNode.connect(audioCtx.destination);

	//~~Audioknoten~~ konfigurieren		//AudioNodes konfigurieren
	oscillatorNode.type = 'sine';		oscillatorNode.type = 'sine';
	oscillatorNode.frequency.value = 2500;		oscillatorNode.frequency.value = 2500;

Schnark: /* Beispiel */ Entwicklerwerkzeuge in Webbrowsern

2017-12-15T09:11:13Z

Beispiel: Entwicklerwerkzeuge in Webbrowsern

← Nächstältere Version		Version vom 15. Dezember 2017, 11:11 Uhr
Zeile 7:		Zeile 7:

	== Beispiel ==		== Beispiel ==
	[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der Audioknoten des Beispiels in der Debug-Ansicht in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]		[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der Audioknoten des Beispiels in der [[Entwicklerwerkzeuge in Webbrowsern\|Debug-Ansicht]] in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]
	Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

Schnark: Alternativtext für Bild hinzugefügt

2017-12-08T09:29:59Z

Alternativtext für Bild hinzugefügt

← Nächstältere Version		Version vom 8. Dezember 2017, 11:29 Uhr
Zeile 7:		Zeile 7:

	== Beispiel ==		== Beispiel ==
	[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der Audioknoten des Beispiels in der Debug-Ansicht in Firefox]]		[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der Audioknoten des Beispiels in der Debug-Ansicht in Firefox\|alternativtext=Gezeigt werden drei Rechtecke, beschriftet mit "Oscillator", "Gain" und "AudioDestination" und in dieser Reihenfolge durch Pfeile verbunden. Das erste Rechteck ist ausgewählt, in der rechten Hälfte sind seine Eigenschaften eingeblendet: "type: sine, frequency: 2500, detune: 0".]]
	Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

Trustable: Kat.

2017-03-23T08:43:54Z

Kat.

← Nächstältere Version		Version vom 23. März 2017, 10:43 Uhr
Zeile 50:		Zeile 50:
	[[Kategorie:Tonbearbeitung]]		[[Kategorie:Tonbearbeitung]]
	[[Kategorie:Klangsynthese]]		[[Kategorie:Klangsynthese]]
	[[Kategorie:~~ECMAScript~~]]		[[Kategorie:JavaScript-Programmierschnittstelle]]
	[[Kategorie:Web-Entwicklung]]

Trustable: Kleinigkeiten verbessert

2017-02-15T22:02:17Z

Kleinigkeiten verbessert

← Nächstältere Version		Version vom 16. Februar 2017, 00:02 Uhr
Zeile 1:		Zeile 1:
	Die '''Web Audio API''' ermöglicht es in [[Webbrowser~~\|Webbrowsern~~]] mittels [[JavaScript]] [[Audiosignal~~\|Audiosignale~~]] zu erzeugen und zu bearbeiten. Es handelt sich um eine leicht einsetzbare [[Programmierschnittstelle\|API]] mit großem Funktionsumfang und kommt beispielsweise in [[Browserspiel~~\|Browserspielen~~]] zum Einsatz. Sie kann als Audio-Analogon zum [[Canvas (HTML-Element)\|Canvas-Element]] gesehen werden. Der Standard wird von einer Arbeitsgruppe des [[World Wide Web Consortium\|W3C]] entwickelt.		Die '''Web Audio API''' ermöglicht es in [[Webbrowser]]n mittels [[JavaScript]] [[Audiosignal]]e zu erzeugen und zu bearbeiten. Es handelt sich um eine leicht einsetzbare [[Programmierschnittstelle\|API]] mit großem Funktionsumfang und kommt beispielsweise in [[Browserspiel]]en zum Einsatz. Sie kann als Audio-Analogon zum [[Canvas (HTML-Element)\|Canvas-Element]] gesehen werden. Der Standard wird von einer Arbeitsgruppe des [[World Wide Web Consortium\|W3C]] entwickelt.

	== Funktionsweise ==		== Funktionsweise ==
	Die Audiosignale werden innerhalb eines Audiokontextes erzeugt und bearbeitet. Die Verarbeitungsschritte werden durch einzelne Audioknoten des Kontexts durchgeführt, die untereinander verbunden sind. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (~~Elektronik~~)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Audioknoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert.		Die Audiosignale werden innerhalb eines Audiokontextes erzeugt und bearbeitet. Die Verarbeitungsschritte werden durch einzelne Audioknoten des Kontexts durchgeführt, die untereinander verbunden sind. Es gibt einen Ausgabeknoten, der die Daten je nach Art des Kontexts an die Audioausgabe des Systems, also beispielsweise den [[Lautsprecher]] weiterleitet oder als Binärdaten speichert. Eingabeknoten können ein Audiosignal durch einen [[Oszillator]] produzieren oder diese aus anderen Quellen beziehen. Dies können Audiodateien sein, ein angeschlossenes Mikrofon oder [[WebRTC]]-Verbindungen. Schließlich gibt es Knoten, die Audiosignale bearbeiten. Hier reicht die Palette von einfachen Manipulationen der Lautstärke über die Anwendung verschiedener [[Filter (Elektrotechnik)\|Filter]] bis hin zur Möglichkeit, den [[Raumklang]] (einschließlich [[Doppler-Effekt]]) für beliebige Positionen und Bewegungen des Zuhörers neu zu berechnen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Web_audio_spatialization_basics\|titel=Web audio spatialization basics\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> [[Mehrkanal-Tonsystem\|Mehrere Tonkanäle]] werden dabei automatisch angepasst, sofern Quelle und Ziel unterschiedliche Anordnungen verwenden, sie können aber auch über eigene Knoten bearbeitet werden. Es gibt auch Knoten, die das Audiosignal unverändert lassen, aber zur Analyse eine [[schnelle Fourier-Transformation]] durchführen.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API\|titel=Visualizations with Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref> Bei der Verknüpfung der Audioknoten sind Schleifen zulässig, sofern einer der enthaltenen Knoten die Ausgabe verzögert.

	Die Audioknoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.		Die Audioknoten besitzen Parameter, die das genaue Verhalten beschreiben und während der Verarbeitung auch geändert werden können.

	== Beispiel ==		== Beispiel ==
	[[Datei:Web-audio-api-firefox-debug.png\|~~miniatur~~\|hochkant=2\|Grafische Darstellung der Audioknoten des Beispiels in der Debug-Ansicht in Firefox]]		[[Datei:Web-audio-api-firefox-debug.png\|mini\|hochkant=2\|Grafische Darstellung der Audioknoten des Beispiels in der Debug-Ansicht in Firefox]]
	Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Das folgende Beispiel erzeugt einen [[Sinuston]].<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/Web/API/Web_Audio_API/Using_Web_Audio_API\|titel=Using the Web Audio API\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
Zeile 33:		Zeile 33:

	== Browserunterstützung ==		== Browserunterstützung ==
	Die Web Audio API wird von allen wichtigen aktuellen Browsern unterstützt: [[Mozilla Firefox]] ~~seit~~ Version 25, [[Google Chrome]] ~~seit~~ Version 14 (bis Version 33 nur mit <code>webkit</code>-[[Herstellerpräfix\|Präfix]]), [[Microsoft Edge]], [[Opera (Browser)\|Opera]] ~~seit~~ Version 15 (~~seit~~ Version 22 ohne Präfix) und [[Apple Safari\|Safari]] ~~seit~~ Version 6 (mit Präfix). Auch die meisten mobilen Browser unterstützen die API.<ref>{{Internetquelle\|url=http://caniuse.com/#feat=audio-api\|titel=Can I use: Web Audio API\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref><ref>{{Internetquelle\|url=https://www.chromestatus.com/feature/6261718720184320\|titel=Unprefixed Web Audio API - Chrome Platform Status\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref>		Die Web Audio API wird von allen wichtigen aktuellen Browsern unterstützt: [[Mozilla Firefox]] ab Version 25, [[Google Chrome]] ab Version 14 (bis Version 33 nur mit <code>webkit</code>-[[Herstellerpräfix\|Präfix]]), [[Microsoft Edge]], [[Opera (Browser)\|Opera]] ab Version 15 (ab Version 22 ohne Präfix) und [[Apple Safari\|Safari]] ab Version 6 (mit Präfix). Auch die meisten mobilen Browser unterstützen die API.<ref>{{Internetquelle\|url=http://caniuse.com/#feat=audio-api\|titel=Can I use: Web Audio API\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref><ref>{{Internetquelle\|url=https://www.chromestatus.com/feature/6261718720184320\|titel=Unprefixed Web Audio API - Chrome Platform Status\|autor=\|hrsg=\|werk=\|datum=\|sprache=\|zugriff=2016-09-05}}</ref>

	Da sich die Spezifikation aber noch in Entwicklung befindet, variiert der Grad der Unterstützung zwischen den verschiedenen Browsern und zwischen unterschiedlichen Version der Browser. Ebenfalls unterschiedlich ist die [[Rechenleistung\|Performance]]<ref>{{Internetquelle\|url=https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/\|titel=What’s new in Web Audio?\|autor=Soledad Penadés\|hrsg=\|werk=Mozilla Hacks\|datum=2016-08-15\|sprache=en\|zugriff=2016-09-05}}</ref> und die [[Debugger\|Debugging]]-Möglichkeiten.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Tools/Web_Audio_Editor\|titel=Web Audio Editor\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>		Da sich die Spezifikation aber noch in Entwicklung befindet, variiert der Grad der Unterstützung zwischen den verschiedenen Browsern und zwischen unterschiedlichen Version der Browser. Ebenfalls unterschiedlich ist die [[Rechenleistung\|Performance]]<ref>{{Internetquelle\|url=https://hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/\|titel=What’s new in Web Audio?\|autor=Soledad Penadés\|hrsg=\|werk=Mozilla Hacks\|datum=2016-08-15\|sprache=en\|zugriff=2016-09-05}}</ref> und die [[Debugger\|Debugging]]-Möglichkeiten.<ref>{{Internetquelle\|url=https://developer.mozilla.org/en-US/docs/Tools/Web_Audio_Editor\|titel=Web Audio Editor\|autor=\|hrsg=\|werk=[[Mozilla Developer Network]]\|datum=\|sprache=en\|zugriff=2016-09-05}}</ref>

	Für ältere Browser gibt es [[Polyfill~~\|Polyfills~~]], die über [[Adobe Flash\|Flash]] oder eine ältere API in Firefox funktionieren.<ref>{{Internetquelle\|url=https://github.com/g200kg/WAAPISim\|titel=WAAPISim\|autor=g200kg\|hrsg=\|werk=[[GitHub]]\|datum=\|sprache=\|zugriff=2016-09-06}}</ref>		Für ältere Browser gibt es [[Polyfill]]s, die über [[Adobe Flash\|Flash]] oder eine ältere API in Firefox funktionieren.<ref>{{Internetquelle\|url=https://github.com/g200kg/WAAPISim\|titel=WAAPISim\|autor=g200kg\|hrsg=\|werk=[[GitHub]]\|datum=\|sprache=\|zugriff=2016-09-06}}</ref>

	== Einzelnachweise ==		== Einzelnachweise ==