Beobachtetes Signal · 5. Mai 2026 · Technical Release · Quelle: DEV Community · Relevanz: 1/5 · Sentiment: Neutral
Audio-to-Haptics: Smartphone-Vibrationen mit Web-Audio synchronisieren
Ein Entwickler hat eine Open-Source-JavaScript-Bibliothek veröffentlicht, die im Browser abgespieltes Audio oder Video analysiert und über die navigator.vibrate-Schnittstelle synchrone Vibrationsmuster erzeugt. Die Bibliothek verarbeitet Audiodaten in rund 60 Millisekunden langen Intervallen vor und nutzt einen dreiteiligen Algorithmus für Onset-Erkennung, Abklingphasen und Pulsweitenmodulation zur Intensitätssimulation. Eine Mute-Schicht gleicht Audiolatenzen über AudioContext.outputLatency und baseLatency aus. Die Lösung ist auf GitHub und npm verfügbar, bietet React Hooks sowie eine Vanilla HapticEngine API und läuft auf Android Chrome, Samsung Internet sowie Opera Mobile. Bei Tests wurden zudem browserspezifische Eigenheiten wie ArrayBuffer-Transfersemantiken und Array-Trunkierungen dokumentiert.
Ein technischer Blogbeitrag und Open-Source-Release zur Verbesserung der Web-UX und des Haptik-Prototyping für Web-Spiele, Landingpages und PWAs, der jedoch keine grundlegenden Verschiebungen im AdTech- oder MarTech-Sektor bewirkt.
Marktsignale zu GitHub in Echtzeit verfolgen
Polaris7 erfasst behördliche Registrierungen, Primärquellen, Führungswechsel und Deal-Aktivitäten rund um die Uhr. Erstellen Sie Ihren kostenlosen Explorer-Workspace, um automatisierte Executive Briefings zu erhalten.
Wichtigste Kernpunkte & Evidenz
- audio-to-haptics ist eine Open-Source-JS-Bibliothek auf GitHub und npm, die aus Audio-Streams Vibrationsmuster für navigator.vibrate generiert.
- Der Algorithmus nutzt vorab berechnete 60-ms-Audio-Buckets mit Onset-Erkennung, Sustain-Regeln und PWM zur Intensitätssimulation.
- Die Bibliothek kompensiert Audiolatenzen, indem sie Vibrationen nach Play-, Seek- oder Pause-Ereignissen um die gemessene AudioContext-Latenz verzögert.
- Kompatibel mit Android Chrome, Samsung Internet und Opera Mobile; Desktop-Browser unterstützen die Vibration API in der Regel nicht.
- Technische Erkenntnisse: decodeAudioData leert den originalen ArrayBuffer, und Chrome kürzt Vibrationsmuster-Arrays ab etwa 128 Einträgen.
Verknüpfte Unternehmen
3 verknüpfte UnternehmenOntologie & Marktkonzepte
Verwandte Marktsignale & Trends
Aktuelle verifizierte Unternehmensentwicklungen und Deal-Aktivitäten in diesem Marktsegment.
Entwicklung eines adaptiven Musik-SDK für Web-Spiele mit der Web Audio API
Ein Entwickler hat eine technische Anleitung zur Erstellung eines leichtgewichtigen, adaptiven Musik-SDK für Web-Spiele veröffentlicht, das auf der Web Audio API basiert. Das SDK verwaltet mehrere tempo-ausgerichtete Musikebenen für verschiedene Szenarien wie Stadt, Erkundung, Kampf und Sieg. Es plant Takt-synchronisierte Überblendungen präzise über die Systemuhr der Web Audio API, um nahtlose und musikalisch korrekte Zustandsübergänge zu gewährleisten. Die Implementierung erfolgt in TypeScript unter Verwendung von Tone.js, wurde mit tsup für ESM und CJS gebündelt und in einem Phaser 3 Mini-RPG demonstriert. Das primäre Designziel ist extreme Einfachheit: Die Integration soll mit nur wenigen Codezeilen möglich sein, indem die Komplexität der Ablaufsteuerung und der Überblendungen gekapselt wird.
Sprach- und Kamerasteuerung in React mit ReactUse Hooks
Ein technisches Tutorial demonstriert die Integration von Sprach- und Kameraeingaben in React-Anwendungen. Der Artikel beleuchtet vier Browser-Funktionen: Live-Spracherkennung mit Zwischen- und Endergebnissen, die Enumeration von Kameras und Mikrofonen, reaktive Berechtigungsabfragen sowie einen Push-to-Talk-Tastenmodifikator. Dabei werden manuelle Web-API-Implementierungen direkt mit übergeordneten Hooks aus der Bibliothek ReactUse (@reactuses/core) verglichen. Anhand von Praxisbeispielen – darunter eine kombinierte VoiceSearch-Komponente – werden Lifecycle-Szenarien und Berechtigungs-Edge-Cases analysiert. Der Beitrag zeigt auf, wie Hooks die Geräteerkennung und die Handhabung von Betriebssystem-Modifikatoren vereinfachen. Abschliessend enthält der Leitfaden Installationsanweisungen sowie Testempfehlungen für Headless- und CI-Umgebungen.
Schreigesteuerter Musikplayer mit nicht überspringbaren Werbeanzeigen
Ein Entwickler hat eine Web-App im Rahmen eines Aprilscherzes eingereicht, die das Browser-Mikrofon nutzt, um die Lautstärke eines Musikplayers zu steuern: Lauteres Schreien erhöht die Lautstärke. Die Anwendung verwendet die Web Audio API für eine Echtzeit-Lautstärkeerkennung auf Basis des RMS-Werts mit exponentieller Glättung und Rauschfilterung, ein React-Frontend, State-Machine-Logik sowie CSS-Animationen. Als Teil des humorvollen Konzepts integriert die App ereignisgesteuerte, nicht überspringbare Werbeanzeigen. Eine Live-Demo ist auf Vercel gehostet und der Quellcode steht auf GitHub bereit. Das Projekt wird als absichtlich überentwickelte, spielerische Demo für die DEV April Fools Challenge präsentiert und demonstriert kreative Browser-Audio-Verarbeitung.
Marktsignale & Strategische Shifts in Echtzeit verfolgen
Erstellen Sie benutzerdefinierte Watchlists, um automatisierte, evidenzbasierte Executive Briefings zu erhalten, sobald wesentliche Signale oder Marktverschiebungen auftreten.