Visicality: Online Music Visualizer utilizing Web Audio API and D3.js                                     
                       
   
     
       
         

            Background Color Gradient          

       
       
         
                     
         
                     
       
       
                 
       
                 
       
                 
     
   
       
     
        vi·si·cal·i·ty (visual + musicality)      
     
        an Online Music Visualizer utilizing         Web Audio API         and D3.js      
     
        designed and developed by         Derek Wolpert      
   
               
     
       
         
           
           
         
       
       

Gain

     
   
               
   
               
     
       

          Welcome to vi·si·cal·i·ty (visual           + musicality)        

       
       

          vi·si·cal·i·ty is a web-based           music visualizer utilizing           Web Audio API           and D3.js.        

       
               
               
       

          To learn more about           vi·si·cal·i·ty visit the           GitHub repository for this project. To learn more about           vi·si·cal·i·ty's developer,           Derek Wolpert, visit his           LinkedIn profile,           AngelList profile, or           personal website. If you have any questions, comments, or would like to report an           issue feel free to           reach out by email.        

       
       

Thanks for visiting 🙂

       
                 
     
   
   
     
       
Keyboard Controls
       
       
          In addtion to on-screen controls,           vi·si·cal·i·ty supports a wide           range of keyboard shortcuts:        
       
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
KeyAction
SpacebarPlay / Pause Audio
Left-ArrowSeek audio 5 seconds backwards
Right-ArrowSeek audio 5 seconds forward
Up-ArrowIncrease gain (volume) by 10 percent
Down-arrowDecrease gain (volume) by 10 percent
FEnter / Exit fullscreen mode
WPrevious visualizer design, based on associated number
SNext visualizer design, based on associated number
APrevious visualizer color, based on associated number
DNext visualizer color, based on associated number
RSet random three-color background gradient
QRotate background left 45 degrees
ERotate background right 45 degrees