From cf70f013f20f9509f8f5e53db5886d981048d6bb Mon Sep 17 00:00:00 2001 From: "U-DESKTOP-3VIS1T9\\junguler" Date: Sat, 22 Oct 2022 18:59:37 +0330 Subject: [PATCH] add audio visualizer to stream pages --- README.md | 2 + stuff/60s.html | 2 +- stuff/70s.html | 2 +- stuff/80s.html | 2 +- stuff/90s.html | 2 +- stuff/acid_jazz.html | 2 +- stuff/african.html | 2 +- stuff/alternative.html | 2 +- stuff/ambient.html | 2 +- stuff/americana.html | 2 +- stuff/anime.html | 2 +- stuff/arabic.html | 2 +- stuff/asian.html | 2 +- stuff/big_band.html | 2 +- stuff/bluegrass.html | 2 +- stuff/blues.html | 2 +- stuff/breakbeat.html | 2 +- stuff/chillout.html | 2 +- stuff/christian.html | 2 +- stuff/classical.html | 2 +- stuff/club.html | 2 +- stuff/college.html | 2 +- stuff/comedy.html | 2 +- stuff/country.html | 2 +- stuff/dance.html | 2 +- stuff/deutsch.html | 2 +- stuff/disco.html | 2 +- stuff/discofox.html | 2 +- stuff/downtempo.html | 2 +- stuff/drum_and_bass.html | 2 +- stuff/easy_listening.html | 2 +- stuff/ebm.html | 2 +- stuff/electronic.html | 2 +- stuff/eurodance.html | 2 +- stuff/film.html | 2 +- stuff/folk.html | 2 +- stuff/france.html | 2 +- stuff/funk.html | 2 +- stuff/goa.html | 2 +- stuff/gospel.html | 2 +- stuff/gothic.html | 2 +- stuff/greek.html | 2 +- stuff/hardcore.html | 2 +- stuff/hardrock.html | 2 +- stuff/hip_hop.html | 2 +- stuff/house.html | 2 +- stuff/india.html | 2 +- stuff/indie.html | 2 +- stuff/industrial.html | 2 +- stuff/instrumental.html | 2 +- stuff/italian.html | 2 +- stuff/jazz.html | 2 +- stuff/jpop.html | 2 +- stuff/jungle.html | 2 +- stuff/latin.html | 2 +- stuff/lounge.html | 2 +- stuff/metal.html | 2 +- stuff/mixed.html | 2 +- stuff/musical.html | 2 +- stuff/oldies.html | 2 +- stuff/opera.html | 2 +- stuff/polish.html | 2 +- stuff/polka.html | 2 +- stuff/pop.html | 2 +- stuff/portugal.html | 2 +- stuff/progressive.html | 2 +- stuff/punk.html | 2 +- stuff/quran.html | 2 +- stuff/rap.html | 2 +- stuff/reggae.html | 2 +- stuff/retro.html | 2 +- stuff/rnb.html | 2 +- stuff/rock.html | 2 +- stuff/romanian.html | 2 +- stuff/russian.html | 2 +- stuff/salsa.html | 2 +- stuff/schlager.html | 2 +- stuff/ska.html | 2 +- stuff/smooth_jazz.html | 2 +- stuff/soul.html | 2 +- stuff/soundtrack.html | 2 +- stuff/spain.html | 2 +- stuff/spiritual.html | 2 +- stuff/sport.html | 2 +- stuff/style.css | 85 ++++++++++++++++----------------------- stuff/swing.html | 2 +- stuff/symphonic.html | 2 +- stuff/talk.html | 2 +- stuff/techno.html | 2 +- stuff/top_40.html | 2 +- stuff/trance.html | 2 +- stuff/turk.html | 2 +- stuff/urban.html | 2 +- stuff/usa.html | 2 +- stuff/various.html | 2 +- stuff/visualizer.js | 77 +++++++++++++++++++++++++++++++++++ stuff/wave.html | 2 +- stuff/world.html | 2 +- 98 files changed, 209 insertions(+), 145 deletions(-) create mode 100755 stuff/visualizer.js diff --git a/README.md b/README.md index ed15dc1ac..1bf75bcb8 100755 --- a/README.md +++ b/README.md @@ -4,6 +4,8 @@ this repo now has a [github page](https://junguler.github.io/m3u-radio-music-pla ### Listen to music online using this repo's github page all of the streams can be listen to using their own page, just click on the one you want and hit the play button, click on the left and right arrow keys to change stations, this was made possible by using javascript code from [this page](https://www.draketo.de/software/m3u-player.html), thank you +i've also added a simple audio visualizer to the stream pages, code was taken from [this repo](https://github.com/wayou/audio-visualizer-with-controls), thank you +
| [60s](https://junguler.github.io/m3u-radio-music-playlists/stuff/60s.html) | [70s](https://junguler.github.io/m3u-radio-music-playlists/stuff/70s.html) | [80s](https://junguler.github.io/m3u-radio-music-playlists/stuff/80s.html) | [90s](https://junguler.github.io/m3u-radio-music-playlists/stuff/90s.html) | [acid_jazz](https://junguler.github.io/m3u-radio-music-playlists/stuff/acid_jazz.html) | [african](https://junguler.github.io/m3u-radio-music-playlists/stuff/african.html) | [alternative](https://junguler.github.io/m3u-radio-music-playlists/stuff/alternative.html) | [ambient](https://junguler.github.io/m3u-radio-music-playlists/stuff/ambient.html) | diff --git a/stuff/60s.html b/stuff/60s.html index 08b1ac2c2..bef114dbc 100755 --- a/stuff/60s.html +++ b/stuff/60s.html @@ -1 +1 @@ -Listen to the 60s playlist
\ No newline at end of file +Listen to the 60s playlist
diff --git a/stuff/70s.html b/stuff/70s.html index d2e1eb765..9eed505a1 100755 --- a/stuff/70s.html +++ b/stuff/70s.html @@ -1 +1 @@ -Listen to the 70s playlist
\ No newline at end of file +Listen to the 70s playlist
diff --git a/stuff/80s.html b/stuff/80s.html index f1c81a765..d1018b469 100755 --- a/stuff/80s.html +++ b/stuff/80s.html @@ -1 +1 @@ -Listen to the 80s playlist
\ No newline at end of file +Listen to the 80s playlist
diff --git a/stuff/90s.html b/stuff/90s.html index b665f6c98..51d60c683 100755 --- a/stuff/90s.html +++ b/stuff/90s.html @@ -1 +1 @@ -Listen to the 90s playlist
\ No newline at end of file +Listen to the 90s playlist
diff --git a/stuff/acid_jazz.html b/stuff/acid_jazz.html index 732a64432..2ebafd8fe 100755 --- a/stuff/acid_jazz.html +++ b/stuff/acid_jazz.html @@ -1 +1 @@ -Listen to the acid_jazz playlist
\ No newline at end of file +Listen to the acid_jazz playlist
diff --git a/stuff/african.html b/stuff/african.html index 812f9041c..45cb55b24 100755 --- a/stuff/african.html +++ b/stuff/african.html @@ -1 +1 @@ -Listen to the african playlist
\ No newline at end of file +Listen to the african playlist
diff --git a/stuff/alternative.html b/stuff/alternative.html index ff59ad1e9..cedcc7527 100755 --- a/stuff/alternative.html +++ b/stuff/alternative.html @@ -1 +1 @@ -Listen to the alternative playlist
\ No newline at end of file +Listen to the alternative playlist
diff --git a/stuff/ambient.html b/stuff/ambient.html index eb433f625..d40fe6fad 100755 --- a/stuff/ambient.html +++ b/stuff/ambient.html @@ -1 +1 @@ -Listen to the ambient playlist
\ No newline at end of file +Listen to the ambient playlist
diff --git a/stuff/americana.html b/stuff/americana.html index fcf484df8..c16611edd 100755 --- a/stuff/americana.html +++ b/stuff/americana.html @@ -1 +1 @@ -Listen to the americana playlist
\ No newline at end of file +Listen to the americana playlist
diff --git a/stuff/anime.html b/stuff/anime.html index bc8deb2b4..90bb46c59 100755 --- a/stuff/anime.html +++ b/stuff/anime.html @@ -1 +1 @@ -Listen to the anime playlist
\ No newline at end of file +Listen to the anime playlist
diff --git a/stuff/arabic.html b/stuff/arabic.html index f203bdce5..73f23765a 100755 --- a/stuff/arabic.html +++ b/stuff/arabic.html @@ -1 +1 @@ -Listen to the arabic playlist
\ No newline at end of file +Listen to the arabic playlist
diff --git a/stuff/asian.html b/stuff/asian.html index 47e672c35..51e3f5c06 100755 --- a/stuff/asian.html +++ b/stuff/asian.html @@ -1 +1 @@ -Listen to the asian playlist
\ No newline at end of file +Listen to the asian playlist
diff --git a/stuff/big_band.html b/stuff/big_band.html index c4094184e..e8aae283b 100755 --- a/stuff/big_band.html +++ b/stuff/big_band.html @@ -1 +1 @@ -Listen to the big_band playlist
\ No newline at end of file +Listen to the big_band playlist
diff --git a/stuff/bluegrass.html b/stuff/bluegrass.html index 9b87d8878..7e94815b2 100755 --- a/stuff/bluegrass.html +++ b/stuff/bluegrass.html @@ -1 +1 @@ -Listen to the bluegrass playlist
\ No newline at end of file +Listen to the bluegrass playlist
diff --git a/stuff/blues.html b/stuff/blues.html index c0acfe2de..be0ccde4b 100755 --- a/stuff/blues.html +++ b/stuff/blues.html @@ -1 +1 @@ -Listen to the blues playlist
\ No newline at end of file +Listen to the blues playlist
diff --git a/stuff/breakbeat.html b/stuff/breakbeat.html index 7dec95436..c24284a56 100755 --- a/stuff/breakbeat.html +++ b/stuff/breakbeat.html @@ -1 +1 @@ -Listen to the breakbeat playlist
\ No newline at end of file +Listen to the breakbeat playlist
diff --git a/stuff/chillout.html b/stuff/chillout.html index 676d1212c..78705de32 100755 --- a/stuff/chillout.html +++ b/stuff/chillout.html @@ -1 +1 @@ -Listen to the chillout playlist
\ No newline at end of file +Listen to the chillout playlist
diff --git a/stuff/christian.html b/stuff/christian.html index baf894a0d..553bcd467 100755 --- a/stuff/christian.html +++ b/stuff/christian.html @@ -1 +1 @@ -Listen to the christian playlist
\ No newline at end of file +Listen to the christian playlist
diff --git a/stuff/classical.html b/stuff/classical.html index 7487e4b5a..63cb4dea5 100755 --- a/stuff/classical.html +++ b/stuff/classical.html @@ -1 +1 @@ -Listen to the classical playlist
\ No newline at end of file +Listen to the classical playlist
diff --git a/stuff/club.html b/stuff/club.html index 8da9a13fd..7733e85ca 100755 --- a/stuff/club.html +++ b/stuff/club.html @@ -1 +1 @@ -Listen to the club playlist
\ No newline at end of file +Listen to the club playlist
diff --git a/stuff/college.html b/stuff/college.html index 0e20e33e0..4cedda855 100755 --- a/stuff/college.html +++ b/stuff/college.html @@ -1 +1 @@ -Listen to the college playlist
\ No newline at end of file +Listen to the college playlist
diff --git a/stuff/comedy.html b/stuff/comedy.html index 37ba2291f..af41b0ea7 100755 --- a/stuff/comedy.html +++ b/stuff/comedy.html @@ -1 +1 @@ -Listen to the comedy playlist
\ No newline at end of file +Listen to the comedy playlist
diff --git a/stuff/country.html b/stuff/country.html index 168e1bf40..e6fed65cf 100755 --- a/stuff/country.html +++ b/stuff/country.html @@ -1 +1 @@ -Listen to the country playlist
\ No newline at end of file +Listen to the country playlist
diff --git a/stuff/dance.html b/stuff/dance.html index 03982e249..8449a3401 100755 --- a/stuff/dance.html +++ b/stuff/dance.html @@ -1 +1 @@ -Listen to the dance playlist
\ No newline at end of file +Listen to the dance playlist
diff --git a/stuff/deutsch.html b/stuff/deutsch.html index c86bc71cd..9e7d4b68c 100755 --- a/stuff/deutsch.html +++ b/stuff/deutsch.html @@ -1 +1 @@ -Listen to the deutsch playlist
\ No newline at end of file +Listen to the deutsch playlist
diff --git a/stuff/disco.html b/stuff/disco.html index b0a9fb489..fcdc10480 100755 --- a/stuff/disco.html +++ b/stuff/disco.html @@ -1 +1 @@ -Listen to the disco playlist
\ No newline at end of file +Listen to the disco playlist
diff --git a/stuff/discofox.html b/stuff/discofox.html index 540a2c676..5aff5f5db 100755 --- a/stuff/discofox.html +++ b/stuff/discofox.html @@ -1 +1 @@ -Listen to the discofox playlist
\ No newline at end of file +Listen to the discofox playlist
diff --git a/stuff/downtempo.html b/stuff/downtempo.html index 9dcde2ac2..626012b28 100755 --- a/stuff/downtempo.html +++ b/stuff/downtempo.html @@ -1 +1 @@ -Listen to the downtempo playlist
\ No newline at end of file +Listen to the downtempo playlist
diff --git a/stuff/drum_and_bass.html b/stuff/drum_and_bass.html index 854e58212..3317d1ddf 100755 --- a/stuff/drum_and_bass.html +++ b/stuff/drum_and_bass.html @@ -1 +1 @@ -Listen to the drum_and_bass playlist
\ No newline at end of file +Listen to the drum_and_bass playlist
diff --git a/stuff/easy_listening.html b/stuff/easy_listening.html index b1b81287e..93c6d4c8f 100755 --- a/stuff/easy_listening.html +++ b/stuff/easy_listening.html @@ -1 +1 @@ -Listen to the easy_listening playlist
\ No newline at end of file +Listen to the easy_listening playlist
diff --git a/stuff/ebm.html b/stuff/ebm.html index 66f42ed24..f284e0e62 100755 --- a/stuff/ebm.html +++ b/stuff/ebm.html @@ -1 +1 @@ -Listen to the ebm playlist
\ No newline at end of file +Listen to the ebm playlist
diff --git a/stuff/electronic.html b/stuff/electronic.html index ab4de8d47..0b5c0d9c4 100755 --- a/stuff/electronic.html +++ b/stuff/electronic.html @@ -1 +1 @@ -Listen to the electronic playlist
\ No newline at end of file +Listen to the electronic playlist
diff --git a/stuff/eurodance.html b/stuff/eurodance.html index 9ec1e6e82..e03e5358c 100755 --- a/stuff/eurodance.html +++ b/stuff/eurodance.html @@ -1 +1 @@ -Listen to the eurodance playlist
\ No newline at end of file +Listen to the eurodance playlist
diff --git a/stuff/film.html b/stuff/film.html index 23e773fb9..b56594deb 100755 --- a/stuff/film.html +++ b/stuff/film.html @@ -1 +1 @@ -Listen to the film playlist
\ No newline at end of file +Listen to the film playlist
diff --git a/stuff/folk.html b/stuff/folk.html index 55ad7f77b..3de4ee441 100755 --- a/stuff/folk.html +++ b/stuff/folk.html @@ -1 +1 @@ -Listen to the folk playlist
\ No newline at end of file +Listen to the folk playlist
diff --git a/stuff/france.html b/stuff/france.html index 6972b32dd..9d7fb424b 100755 --- a/stuff/france.html +++ b/stuff/france.html @@ -1 +1 @@ -Listen to the france playlist
\ No newline at end of file +Listen to the france playlist
diff --git a/stuff/funk.html b/stuff/funk.html index 3d81a2e79..11fa6c1df 100755 --- a/stuff/funk.html +++ b/stuff/funk.html @@ -1 +1 @@ -Listen to the funk playlist
\ No newline at end of file +Listen to the funk playlist
diff --git a/stuff/goa.html b/stuff/goa.html index bdee972a1..a5685bec2 100755 --- a/stuff/goa.html +++ b/stuff/goa.html @@ -1 +1 @@ -Listen to the goa playlist
\ No newline at end of file +Listen to the goa playlist
diff --git a/stuff/gospel.html b/stuff/gospel.html index e9e7e2937..a016f4c6c 100755 --- a/stuff/gospel.html +++ b/stuff/gospel.html @@ -1 +1 @@ -Listen to the gospel playlist
\ No newline at end of file +Listen to the gospel playlist
diff --git a/stuff/gothic.html b/stuff/gothic.html index b330e0507..60125e4f8 100755 --- a/stuff/gothic.html +++ b/stuff/gothic.html @@ -1 +1 @@ -Listen to the gothic playlist
\ No newline at end of file +Listen to the gothic playlist
diff --git a/stuff/greek.html b/stuff/greek.html index 35201d0ee..f29631f7d 100755 --- a/stuff/greek.html +++ b/stuff/greek.html @@ -1 +1 @@ -Listen to the greek playlist
\ No newline at end of file +Listen to the greek playlist
diff --git a/stuff/hardcore.html b/stuff/hardcore.html index 92a432b58..c52325758 100755 --- a/stuff/hardcore.html +++ b/stuff/hardcore.html @@ -1 +1 @@ -Listen to the hardcore playlist
\ No newline at end of file +Listen to the hardcore playlist
diff --git a/stuff/hardrock.html b/stuff/hardrock.html index 932abf22a..addeecc8e 100755 --- a/stuff/hardrock.html +++ b/stuff/hardrock.html @@ -1 +1 @@ -Listen to the hardrock playlist
\ No newline at end of file +Listen to the hardrock playlist
diff --git a/stuff/hip_hop.html b/stuff/hip_hop.html index 4886fb3aa..f6aaded71 100755 --- a/stuff/hip_hop.html +++ b/stuff/hip_hop.html @@ -1 +1 @@ -Listen to the hip_hop playlist
\ No newline at end of file +Listen to the hip_hop playlist
diff --git a/stuff/house.html b/stuff/house.html index 0bca38fb2..54094f9cf 100755 --- a/stuff/house.html +++ b/stuff/house.html @@ -1 +1 @@ -Listen to the house playlist
\ No newline at end of file +Listen to the house playlist
diff --git a/stuff/india.html b/stuff/india.html index 25e0cef0a..8dd0d8d05 100755 --- a/stuff/india.html +++ b/stuff/india.html @@ -1 +1 @@ -Listen to the india playlist
\ No newline at end of file +Listen to the india playlist
diff --git a/stuff/indie.html b/stuff/indie.html index 07a002556..8e8a2fc63 100755 --- a/stuff/indie.html +++ b/stuff/indie.html @@ -1 +1 @@ -Listen to the indie playlist
\ No newline at end of file +Listen to the indie playlist
diff --git a/stuff/industrial.html b/stuff/industrial.html index 740e462e4..7c25b3855 100755 --- a/stuff/industrial.html +++ b/stuff/industrial.html @@ -1 +1 @@ -Listen to the industrial playlist
\ No newline at end of file +Listen to the industrial playlist
diff --git a/stuff/instrumental.html b/stuff/instrumental.html index c70a45959..e8ad495a9 100755 --- a/stuff/instrumental.html +++ b/stuff/instrumental.html @@ -1 +1 @@ -Listen to the instrumental playlist
\ No newline at end of file +Listen to the instrumental playlist
diff --git a/stuff/italian.html b/stuff/italian.html index 1d423ef48..9b0bf0180 100755 --- a/stuff/italian.html +++ b/stuff/italian.html @@ -1 +1 @@ -Listen to the italian playlist
\ No newline at end of file +Listen to the italian playlist
diff --git a/stuff/jazz.html b/stuff/jazz.html index 89bd7b4ea..ba5af6571 100755 --- a/stuff/jazz.html +++ b/stuff/jazz.html @@ -1 +1 @@ -Listen to the jazz playlist
\ No newline at end of file +Listen to the jazz playlist
diff --git a/stuff/jpop.html b/stuff/jpop.html index c13283851..859622c95 100755 --- a/stuff/jpop.html +++ b/stuff/jpop.html @@ -1 +1 @@ -Listen to the jpop playlist
\ No newline at end of file +Listen to the jpop playlist
diff --git a/stuff/jungle.html b/stuff/jungle.html index 408b75aeb..a62689ab5 100755 --- a/stuff/jungle.html +++ b/stuff/jungle.html @@ -1 +1 @@ -Listen to the jungle playlist
\ No newline at end of file +Listen to the jungle playlist
diff --git a/stuff/latin.html b/stuff/latin.html index b1d2f8ba2..292361ad1 100755 --- a/stuff/latin.html +++ b/stuff/latin.html @@ -1 +1 @@ -Listen to the latin playlist
\ No newline at end of file +Listen to the latin playlist
diff --git a/stuff/lounge.html b/stuff/lounge.html index 260f72cbe..c5a56e871 100755 --- a/stuff/lounge.html +++ b/stuff/lounge.html @@ -1 +1 @@ -Listen to the lounge playlist
\ No newline at end of file +Listen to the lounge playlist
diff --git a/stuff/metal.html b/stuff/metal.html index 7696bfcd8..c56ea49e8 100755 --- a/stuff/metal.html +++ b/stuff/metal.html @@ -1 +1 @@ -Listen to the metal playlist
\ No newline at end of file +Listen to the metal playlist
diff --git a/stuff/mixed.html b/stuff/mixed.html index 9c2ff7a72..4129afd89 100755 --- a/stuff/mixed.html +++ b/stuff/mixed.html @@ -1 +1 @@ -Listen to the mixed playlist
\ No newline at end of file +Listen to the mixed playlist
diff --git a/stuff/musical.html b/stuff/musical.html index d02b00b73..4ed343bba 100755 --- a/stuff/musical.html +++ b/stuff/musical.html @@ -1 +1 @@ -Listen to the musical playlist
\ No newline at end of file +Listen to the musical playlist
diff --git a/stuff/oldies.html b/stuff/oldies.html index ca962d1d3..1ea4cc609 100755 --- a/stuff/oldies.html +++ b/stuff/oldies.html @@ -1 +1 @@ -Listen to the oldies playlist
\ No newline at end of file +Listen to the oldies playlist
diff --git a/stuff/opera.html b/stuff/opera.html index aaa6c6cab..e53b4b021 100755 --- a/stuff/opera.html +++ b/stuff/opera.html @@ -1 +1 @@ -Listen to the opera playlist
\ No newline at end of file +Listen to the opera playlist
diff --git a/stuff/polish.html b/stuff/polish.html index b0f63e15b..bf6d6d88d 100755 --- a/stuff/polish.html +++ b/stuff/polish.html @@ -1 +1 @@ -Listen to the polish playlist
\ No newline at end of file +Listen to the polish playlist
diff --git a/stuff/polka.html b/stuff/polka.html index 8da0d2006..78cbd3602 100755 --- a/stuff/polka.html +++ b/stuff/polka.html @@ -1 +1 @@ -Listen to the polka playlist
\ No newline at end of file +Listen to the polka playlist
diff --git a/stuff/pop.html b/stuff/pop.html index 41f7d3363..5e4872e46 100755 --- a/stuff/pop.html +++ b/stuff/pop.html @@ -1 +1 @@ -Listen to the pop playlist
\ No newline at end of file +Listen to the pop playlist
diff --git a/stuff/portugal.html b/stuff/portugal.html index 9ac9cf980..32773b0dd 100755 --- a/stuff/portugal.html +++ b/stuff/portugal.html @@ -1 +1 @@ -Listen to the portugal playlist
\ No newline at end of file +Listen to the portugal playlist
diff --git a/stuff/progressive.html b/stuff/progressive.html index b51703bff..7160100b5 100755 --- a/stuff/progressive.html +++ b/stuff/progressive.html @@ -1 +1 @@ -Listen to the progressive playlist
\ No newline at end of file +Listen to the progressive playlist
diff --git a/stuff/punk.html b/stuff/punk.html index 1c70854cd..7ea3f07a6 100755 --- a/stuff/punk.html +++ b/stuff/punk.html @@ -1 +1 @@ -Listen to the punk playlist
\ No newline at end of file +Listen to the punk playlist
diff --git a/stuff/quran.html b/stuff/quran.html index 049c9aaab..9b59dd904 100755 --- a/stuff/quran.html +++ b/stuff/quran.html @@ -1 +1 @@ -Listen to the quran playlist
\ No newline at end of file +Listen to the quran playlist
diff --git a/stuff/rap.html b/stuff/rap.html index d774d14cc..df9b2bbea 100755 --- a/stuff/rap.html +++ b/stuff/rap.html @@ -1 +1 @@ -Listen to the rap playlist
\ No newline at end of file +Listen to the rap playlist
diff --git a/stuff/reggae.html b/stuff/reggae.html index 20d89d398..1987c98bd 100755 --- a/stuff/reggae.html +++ b/stuff/reggae.html @@ -1 +1 @@ -Listen to the reggae playlist
\ No newline at end of file +Listen to the reggae playlist
diff --git a/stuff/retro.html b/stuff/retro.html index ae9c7ac0f..ad12764eb 100755 --- a/stuff/retro.html +++ b/stuff/retro.html @@ -1 +1 @@ -Listen to the retro playlist
\ No newline at end of file +Listen to the retro playlist
diff --git a/stuff/rnb.html b/stuff/rnb.html index 2027305ad..49e22daa5 100755 --- a/stuff/rnb.html +++ b/stuff/rnb.html @@ -1 +1 @@ -Listen to the rnb playlist
\ No newline at end of file +Listen to the rnb playlist
diff --git a/stuff/rock.html b/stuff/rock.html index 1f6d6878e..e5585dbae 100755 --- a/stuff/rock.html +++ b/stuff/rock.html @@ -1 +1 @@ -Listen to the rock playlist
\ No newline at end of file +Listen to the rock playlist
diff --git a/stuff/romanian.html b/stuff/romanian.html index a8c69c995..5e4acfa9d 100755 --- a/stuff/romanian.html +++ b/stuff/romanian.html @@ -1 +1 @@ -Listen to the romanian playlist
\ No newline at end of file +Listen to the romanian playlist
diff --git a/stuff/russian.html b/stuff/russian.html index 0661388bb..a1732b285 100755 --- a/stuff/russian.html +++ b/stuff/russian.html @@ -1 +1 @@ -Listen to the russian playlist
\ No newline at end of file +Listen to the russian playlist
diff --git a/stuff/salsa.html b/stuff/salsa.html index 09d6133ec..abf562bc0 100755 --- a/stuff/salsa.html +++ b/stuff/salsa.html @@ -1 +1 @@ -Listen to the salsa playlist
\ No newline at end of file +Listen to the salsa playlist
diff --git a/stuff/schlager.html b/stuff/schlager.html index 43c113bc7..80ca9f5ea 100755 --- a/stuff/schlager.html +++ b/stuff/schlager.html @@ -1 +1 @@ -Listen to the schlager playlist
\ No newline at end of file +Listen to the schlager playlist
diff --git a/stuff/ska.html b/stuff/ska.html index 0bf34eb5c..823dd7d4e 100755 --- a/stuff/ska.html +++ b/stuff/ska.html @@ -1 +1 @@ -Listen to the ska playlist
\ No newline at end of file +Listen to the ska playlist
diff --git a/stuff/smooth_jazz.html b/stuff/smooth_jazz.html index c38deffdb..5c4fbf31a 100755 --- a/stuff/smooth_jazz.html +++ b/stuff/smooth_jazz.html @@ -1 +1 @@ -Listen to the smooth_jazz playlist
\ No newline at end of file +Listen to the smooth_jazz playlist
diff --git a/stuff/soul.html b/stuff/soul.html index 0d399ee70..b2b24f09c 100755 --- a/stuff/soul.html +++ b/stuff/soul.html @@ -1 +1 @@ -Listen to the soul playlist
\ No newline at end of file +Listen to the soul playlist
diff --git a/stuff/soundtrack.html b/stuff/soundtrack.html index 57a2436ad..bebd460db 100755 --- a/stuff/soundtrack.html +++ b/stuff/soundtrack.html @@ -1 +1 @@ -Listen to the soundtrack playlist
\ No newline at end of file +Listen to the soundtrack playlist
diff --git a/stuff/spain.html b/stuff/spain.html index 1cb7965b1..2c766366f 100755 --- a/stuff/spain.html +++ b/stuff/spain.html @@ -1 +1 @@ -Listen to the spain playlist
\ No newline at end of file +Listen to the spain playlist
diff --git a/stuff/spiritual.html b/stuff/spiritual.html index bb1015850..8a51648e8 100755 --- a/stuff/spiritual.html +++ b/stuff/spiritual.html @@ -1 +1 @@ -Listen to the spiritual playlist
\ No newline at end of file +Listen to the spiritual playlist
diff --git a/stuff/sport.html b/stuff/sport.html index 3cce44ecc..f4c2e5b64 100755 --- a/stuff/sport.html +++ b/stuff/sport.html @@ -1 +1 @@ -Listen to the sport playlist
\ No newline at end of file +Listen to the sport playlist
diff --git a/stuff/style.css b/stuff/style.css index a62ee3071..38590dd33 100755 --- a/stuff/style.css +++ b/stuff/style.css @@ -1,50 +1,35 @@ -body { -background:#222; -color:#ccc; -} - -.container{ -display: flex; -justify-content: center; -align-items: center; -position: absolute; -top: 50%; -left: 50%; -transform: translate(-50%, -50%); -} - -audio { -width: 600px; -} - -.m3u-player--left, .m3u-player--right { -font-size: 200%; -appearance: none; -} - -.m3u-player--left, .m3u-player--right { -cursor: pointer; -position: absolute; -top: 19px; -filter: invert(1); -} - -.m3u-player--left { -margin-left: auto; -left: -44px; -} - -.m3u-player--right { -margin-right: auto; -right: -44px; -} - -.m3u-player--title { -margin: auto; -appearance: none; -padding-bottom: 6px; -} - -button { -width: 40px; -} +body { +background:#222; +color:#ccc; +} + +.container{ +position: absolute; +top: 50%; +left: 50%; +-ms-transform: translateX(-50%) translateY(-50%); +-webkit-transform: translate(-50%,-50%); +transform: translate(-50%,-50%); +/* border: 2px solid white; */ +} + +audio { +width: 600px; +} + +.m3u-player--left, .m3u-player--right { +appearance: none; +} + +.m3u-player--left, .m3u-player--right { +cursor: pointer; +margin-left: auto; +/* filter: invert(1); */ +} + +.m3u-player--title { +margin: auto; +appearance: none; +width: 500px; +text-align: center; +} \ No newline at end of file diff --git a/stuff/swing.html b/stuff/swing.html index c4b7f3b14..d2278e1f7 100755 --- a/stuff/swing.html +++ b/stuff/swing.html @@ -1 +1 @@ -Listen to the swing playlist
\ No newline at end of file +Listen to the swing playlist
diff --git a/stuff/symphonic.html b/stuff/symphonic.html index 9abfbb6f7..1c4342ea7 100755 --- a/stuff/symphonic.html +++ b/stuff/symphonic.html @@ -1 +1 @@ -Listen to the symphonic playlist
\ No newline at end of file +Listen to the symphonic playlist
diff --git a/stuff/talk.html b/stuff/talk.html index f3b00adc1..125ec2b38 100755 --- a/stuff/talk.html +++ b/stuff/talk.html @@ -1 +1 @@ -Listen to the talk playlist
\ No newline at end of file +Listen to the talk playlist
diff --git a/stuff/techno.html b/stuff/techno.html index 49aec3439..3e6e8e45b 100755 --- a/stuff/techno.html +++ b/stuff/techno.html @@ -1 +1 @@ -Listen to the techno playlist
\ No newline at end of file +Listen to the techno playlist
diff --git a/stuff/top_40.html b/stuff/top_40.html index d51cb0681..24da8b30c 100755 --- a/stuff/top_40.html +++ b/stuff/top_40.html @@ -1 +1 @@ -Listen to the top_40 playlist
\ No newline at end of file +Listen to the top_40 playlist
diff --git a/stuff/trance.html b/stuff/trance.html index 1be562e0f..5434266b7 100755 --- a/stuff/trance.html +++ b/stuff/trance.html @@ -1 +1 @@ -Listen to the trance playlist
\ No newline at end of file +Listen to the trance playlist
diff --git a/stuff/turk.html b/stuff/turk.html index 754f406a7..a6d830eef 100755 --- a/stuff/turk.html +++ b/stuff/turk.html @@ -1 +1 @@ -Listen to the turk playlist
\ No newline at end of file +Listen to the turk playlist
diff --git a/stuff/urban.html b/stuff/urban.html index 39d861644..8885ed02b 100755 --- a/stuff/urban.html +++ b/stuff/urban.html @@ -1 +1 @@ -Listen to the urban playlist
\ No newline at end of file +Listen to the urban playlist
diff --git a/stuff/usa.html b/stuff/usa.html index 11b9004ae..3c0db19ab 100755 --- a/stuff/usa.html +++ b/stuff/usa.html @@ -1 +1 @@ -Listen to the usa playlist
\ No newline at end of file +Listen to the usa playlist
diff --git a/stuff/various.html b/stuff/various.html index dc5e996bd..43645b4d6 100755 --- a/stuff/various.html +++ b/stuff/various.html @@ -1 +1 @@ -Listen to the various playlist
\ No newline at end of file +Listen to the various playlist
diff --git a/stuff/visualizer.js b/stuff/visualizer.js new file mode 100755 index 000000000..24bb8fcd4 --- /dev/null +++ b/stuff/visualizer.js @@ -0,0 +1,77 @@ +/* * + * audio visualizer with html5 audio element + * + * v0.1.0 + * + * licenced under the MIT license + * + * see my related repos: + * - HTML5_Audio_Visualizer https://github.com/wayou/HTML5_Audio_Visualizer + * - 3D_Audio_Spectrum_VIsualizer https://github.com/wayou/3D_Audio_Spectrum_VIsualizer + * - selected https://github.com/wayou/selected + * - MeowmeowPlayer https://github.com/wayou/MeowmeowPlayer + * + * reference: http://www.patrick-wied.at/blog/how-to-create-audio-visualizations-with-javascript-html + */ + +window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext; + +var start = function() { + var audio = document.getElementById('audio'); + var ctx = new AudioContext(); + var analyser = ctx.createAnalyser(); + var audioSrc = ctx.createMediaElementSource(audio); + // we have to connect the MediaElementSource with the analyser + audioSrc.connect(analyser); + analyser.connect(ctx.destination); + // we could configure the analyser: e.g. analyser.fftSize (for further infos read the spec) + // analyser.fftSize = 64; + // frequencyBinCount tells you how many values you'll receive from the analyser + var frequencyData = new Uint8Array(analyser.frequencyBinCount); + + // we're ready to receive some data! + var canvas = document.getElementById('canvas'), + cwidth = canvas.width, + cheight = canvas.height - 2, + meterWidth = 10, //width of the meters in the spectrum + gap = 2, //gap between meters + capHeight = 2, + capStyle = '#fff', + meterNum = 800 / (10 + 2), //count of the meters + capYPositionArray = []; ////store the vertical position of hte caps for the preivous frame + ctx = canvas.getContext('2d'), + gradient = ctx.createLinearGradient(0, 0, 0, 300); + gradient.addColorStop(1, '#0f0'); + gradient.addColorStop(0.5, '#ff0'); + gradient.addColorStop(0, '#f00'); + // loop + function renderFrame() { + var array = new Uint8Array(analyser.frequencyBinCount); + analyser.getByteFrequencyData(array); + var step = Math.round(array.length / meterNum); //sample limited data from the total array + ctx.clearRect(0, 0, cwidth, cheight); + for (var i = 0; i < meterNum; i++) { + var value = array[i * step]; + if (capYPositionArray.length < Math.round(meterNum)) { + capYPositionArray.push(value); + }; + ctx.fillStyle = capStyle; + //draw the cap, with transition effect + if (value < capYPositionArray[i]) { + ctx.fillRect(i * 12, cheight - (--capYPositionArray[i]), meterWidth, capHeight); + } else { + ctx.fillRect(i * 12, cheight - value, meterWidth, capHeight); + capYPositionArray[i] = value; + }; + ctx.fillStyle = gradient; //set the filllStyle to gradient for a better look + ctx.fillRect(i * 12 /*meterWidth+gap*/ , cheight - value + capHeight, meterWidth, cheight); //the meter + } + requestAnimationFrame(renderFrame); + } + renderFrame(); + // audio.play(); +}; + +audio.onplay = function(){ + start(); +} diff --git a/stuff/wave.html b/stuff/wave.html index 1fa753554..d040a4474 100755 --- a/stuff/wave.html +++ b/stuff/wave.html @@ -1 +1 @@ -Listen to the wave playlist
\ No newline at end of file +Listen to the wave playlist
diff --git a/stuff/world.html b/stuff/world.html index 8b1928368..f076ea490 100755 --- a/stuff/world.html +++ b/stuff/world.html @@ -1 +1 @@ -Listen to the world playlist
\ No newline at end of file +Listen to the world playlist