Javascript: Frequenz von Live Audio ermitteln?

Ich würde gerne mit Javascript die Frequenz eines Live Audios(Also von dem Wie es gerade ist) ausgeben. Wie könnte ich das machen?

Ich weiß weder wie Mal das Live audio, noch die Auswertung umsetzten soll.

MfG, Bohne47

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

medmonk

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Technik, IT, Webentwicklung

24.11.2023, 23:11

Das was du möchtest und vorhast, sollte sich mithilfe der Web Audio API und einem <canvas> Element relativ zügig umsetzen lassen. Du nimmst ein Audioquelle (Datei oder Input) und zeichnest dann mit JavaScript und der API die Daten in dein Canvas.

LG medmonk

Woher ich das weiß:Berufserfahrung – UI/UX Designer, Full-Stack Developer

Für einen Schulprojekt muss ich mit einem ESP32 die Note eines einzelnen Tons erkennen und auf das Display des ESP32 chips ausgeben können (Bsp: Die gespielte Note war ein c).

Da der ESP32 nicht über ein Mikrophon verfügt, muss ich mit einem Mikrophon den Ton aufnehmen und den an den ESP32 weitergeben, der dann die Frequenz des Tons bestimmen und zu einer Note zuordnen soll.

Ich habe sehr wenig Programmierkenntnsse und habe keine Ahnung was ich zusätzlich noch runterladen muss, um die Frequenz eines einzelnen Tons mit Microython zu bestimmen, oder wie ich die Information des Mikrophons an den ESP32 weitergeben kann. Könnte mir vielleicht jemand helfen?

...zur Frage

JavaScript Daten von API abfragen?

Ich habe ein JavaScript Script, in dem ich ganz am Anfang einer Variable die Daten von einem API Request zuweisen muss. Die Daten sollen also in der Variable gespeichert werden und dann der restliche Code ausgeführt werden. Ich möchte, dass die Zuweisung so aussieht:

let data = loadData() | {/*default json*/}

Die Daten müssen da sein bevor der restliche Code ausgeführt wird, da ich sie in einer funktion im onload teil brauche.

...zur Frage

React Vite Server Side Rendering?

Ich habe meine React-Website mit Vite erstellt und habe die Option React-SSR genommen, damit sie auf dem Server gerendert wird. Bis jetzt funktioniert alles, der Code wird im HTML-Seitenquelltext angezeigt. Aber zwei Dinge funktionieren noch nicht so gut. Die API-Daten werden noch nicht auf dem Server gerendert und ich habe es bereits gemäß der Dokumentation getan, aber es funktioniert nicht. Und die styled-components werden auch nicht auf dem Server gerendert, was eine Verzögerung von 1-2 Sekunden beim Aktualisieren verursacht.

...zur Frage

Wie erstelle ich am besten ein Forum?

Hi ich habe in der Schule so ein Projekt mit sozialer Zusammenhalt und ich bin im Team Religion also haben wir uns gedacht, dass wir als Lösung eine Website machen auf der Leute ihre persönliche religiöse Meinung und Kommentare zu anderen Meinungen oder Beiträgen sagen können. Hat vllt jemand Tipps wie ich das am besten anstelle. ich hab es schon mit ein paar Hilfen versucht wie "site123" oder "wix.com" aber man konnte da das nie so richtig machen wie ich es wollte, denn meistens war es nur so für normale Websites für Firmen und Unternehmen oder so. Ich weiß auch glaub nicht so ganz wie man sowas nennt, also die Art Website die ich erstellen will, ich dachte halt Forum heißt das, bin mir aber nicht sicher...

...zur Frage

Was ist eure lieblings Programmiersprache in 2023?

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Temperatur in Webseite einbauen?

Hallo,

wie kann man die Temperatur vom aktuellen Standort in eine Webseite einbauen ohne einen API Schlüssel oder ähnliches zu verwenden?

Freundliche Grüsse

...zur Frage

Google Page Speed Webseite verwendet veraltete APIs?

Ich habe eine React Webseite und bekomme die Daten per API von Strapi. Ich habe meine Webseite mit Google Page Speed analysiert und bekomme die Meldung: Verwendet veraltete APIs. Wie kann ich dies ändern?

...zur Frage

Wie bekomme ich mit "js" alle Elemente/Klassen eines Dokuments?

Frage steht im Titel. Mehr gibts dazu erstmal nicht zu sagen.

...zur Frage

Warum gibt es nichts anderes als JavaScript im Browser Frontend?

Es gibt Dart-Flutter, C#-Blazor soweit ich weiß, aber ich nehme an, es ist nur JavaScript unter der Haube.

Ähnlich wie, wenn man React Native Code schreibt, wird es in die native mobile Sprache umgewandelt => Kotlin, Swift etc..

Weil soweit ich weiß, versteht der Browser nichts anderes als HTML, CSS und JavaScript.

Es gibt da nur die V8-Engine / andere JavaScript-Engines.

Aber warum?

Wieso ist es nicht theoretisch möglich, einfach mit einer neuen Sprache die für cross platform entwickelt wurde, einen onclick-Event Listener zu nutzen?

In einer ganz eigenen Engine.

Heißt nicht, das sie JavaScript irgendetwas die nächsten 5 Jahre streitig machen könnte, aber wenn diese Sprache direkt Typisierung unterstützen würde, ohne TypeScript und auch noch für andere Dinge besser geeignet wäre als JavaScript (wurde halt nicht dafür designed, ganz egal ob Electron, Native existiert) wie Desktopanwendungen, Mobil, etc..

PHP nehme ich erst garnicht auf, das macht alleine gar nichts im Frontend, ist eine Backendsprache und alleine sinnlos auf Websites, bis auf bisschen HTML generieren, das auch nur vom Server kommt.

Klar, wenn du ewig lange Weiterleitungen willst, die furchtbar sind und überhaupt nicht interaktive Websites, dich auf Formulare beschränkst, dann kriegst du das auch ohne JavaScript hin, etwas Schreckliches zu programmieren.

Mit WebAssembly kenne ich mich gar nicht aus. Ob da Event Listener, usw. möglich sind. Aber alleine von der Einstiegshürde und Komplexität die ich höre, ist das keine Alternative.

Assembly ist auch keine Alternative zu C++. Dafür gibt es Rust.

...zur Frage

Bootstrap erlaubt?

Darf man Bootstrap einfach so benutzen? Oder muss man irgendwas zum Thema Urheberrecht beachten? Muss man Bootstrap/ den Urheber irgendwie angeben? Darf man bootstrap auch einfach so kommerziell nutzen?

...zur Frage

Undisabled eines Buttons durch JavaScript?

Hallo,

ich möchte mit Hilfe von JavaScript einen Button, der vorher disabled war, wieder aktiviert, sodass er undisabled ist. Die funktioniert leider nicht und ich habe kein Ahnung an was es liegen könnte.

Mein HTML Code:

<body>

</body>

}

Mein Javascript Code:

let button = document.getElementbyid('button' );

function Test() {

button.disabled = false;

}

Weiß jemand an was es liegen könnte?

...zur Frage

Zufalls auswahl aus liste mit html und javascript?

Wie kann ich folgendenes machen?

Eine Liste mit Aufgaben und durch drücken auf ein Button wird dan eine Sache aus der Liste angezeigt.

...zur Frage

Html css und php zusammen?

Hi ich bin dabei eine Seite zu erstellen und habe grade das login und registrations design mit Css und Html fertig gestellt. Nun bräuchte ich noch eine art system dahinter. Ich habe geschaut und denke man nutzt Php für dieses System mit Datenbank etc. Nun meine Frage: Kann ich ein Php login system mit meiner html css login seite kombinieren? oder ist das nicht möglich? Sorry wenn die Frage dumm ist :/

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen