2010-07-28 24 views
25

Czy jest taki zawodnik? Zamierzam zrobić jeden wyłącznie z JavaScript. Coś jak http://www.nihilogic.dk/labs/pocket_full_of_html5/, ale losowo wszystkie zmiksowane razem?Wizualizator dźwięku HTML5?

Jakie są Twoje myśli?

+0

Myśli? To przedwczesne. Minie sporo czasu, zanim coś podobnego do eksperymentalnego API Audio Data będzie dostępne standardowo w przeglądarkach. – bobince

+1

Interfejs API danych audio działa w najnowszej wersji FireFox Beta, ale zgadzam się, że minie kilka lat, zanim stanie się standardem (Jeszcze dłużej w przypadku obsługi różnych przeglądarek). – JKirchartz

+2

Następnie tworzysz fajną wtyczkę odtwarzacza audio dla diaspory i wszystkich fajne dzieci będą musiały porzucić IE. W ciągu miesiąca osiągniemy pokój na świecie. – einarmagnus

Odpowiedz

3

wierzę eksperymentalnego Firefox Audio API to obecnie jedyny sposób, w jaki możesz to zrobić w HTML + Javascript, chociaż nie jest to oficjalna wersja HTML5. Mają czytać dokumentacji tutaj:

https://wiki.mozilla.org/Audio_Data_API

obejmuje on przykład prostego analizatora widma. Ja również bardzo polecam zbadanie powiązań demo na tej samej stronie:

https://wiki.mozilla.org/Audio_Data_API#Working_Audio_Data_Demos

To ekscytujący czas, aby być programistą JavaScript i mam nadzieję, że inni producenci przeglądarek objąć tego API. Możemy wreszcie uzyskać dźwięk na wszystkich tych emulatorach Javascriptu na początek!

34

2 lata później i zostanie znalezione rozwiązanie :)

https://github.com/jsantell/dancer.js

ja również natknął się na stronie internetowej, która korzysta z interfejsu API audio i Three.js stworzyć całkiem dobrze wyglądające wizualizacje: http://do.adive.in/music/

+0

Demo nie działa w przeglądarce Chrome, gdy go wypróbuję. – Moss

+0

Czy jest to działające demo tego? – Supuhstar

+0

http://jsantell.github.io/dancer.js/ działa dla mnie w Chrome - czy czekałeś aż się załaduje i kliknąłeś "Graj"? – Ezeke

19

Ponad 3 lata później i mamy to: .

+1

To jest takie piękne i fascynujące! – Keavon

+1

Niesamowita implementacja! –