Recently I have been doing some fiddling around with the Web Audio API for the audio player on and I have to say, one can do some pretty cool things with it; one of those things being audio visualization with a little help from the Canvas API.


The HTML is pretty straighforward, all we really need is the <audio> and <canvas> elements.
        <script type="application/javascript">
        <audio id="media" controls >
             <source  src="audio.mp3" type="audio/mpeg" />
             Your browser does not support HTML audio.
        <canvas id="visualizer" width="400" height="200" />

The JavaScript

First we need to create the audio context, connect an analyser node and get our source media. For the sake of simplicity we will just be using a... (Show More)
Last edited 10:32 PM (UTC) on 19/05/2016 by Bacon.
Posted by: Bacon
[spoil] [hr]
[Close Tags]
Recently I've been working on a little side project, an anime roulette wheel of sorts, it randomly picks an anime from your animelist (with various specified paramaters), I find it very useful since I have a lot of anime on my plan to watch and often can't decide what to watch.

Currently works for MyAnimeList, Hummingbird and AniList. Check it out if you are into anime and need to figure out what to watch.
Last edited 1:27 PM (UTC) on 15/04/2016 by Bacon.
Posted by: Bacon
[spoil] [hr]
[Close Tags]
Most sites nowadays use JavaScript, and if you want to offer a fluid user experience it is usually one of the best choices.

However I've noticed that a disturbing amount of websites become practically useless if you disable JavaScript, this is (in my opinion) terrible practice, and terrible design.

Why does this matter?
Most people who will access a webpage will have JavaScript enabled, it is pretty standard these days, However that doesn't mean everyone has JavaScript enabled and you shouldn't overlook these users who are unable to run scripts or just don't want to.

Some other reasons as to why this matters:

  • The website is a lot more dependent on the client:
    Everyone has different Operating systems, different browsers and people update these things at different rates. This increases the chance of failure substantially and this can cause issues if a website relies on a newer JavaScript feature and the user's browser doesn't support it, the website is now useless to the u
... (Show More)
Last edited 8:22 PM (UTC) on 29/10/2018 by Bacon.
Posted by: Bacon
[spoil] [hr]
[Close Tags]
Show 1 more comments.