MusicalPassword JS Demo

Getting Started

Installation

Musical password allows you to create passwords with musical notes. It creates a code for every notes played and enters that into your password field. It can then be saved to a database. When attempting to login play the same tune that you used to create the password.

1. Include jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
            

2. Include plugin's code

<script text="text/javascript" src="build/musicalpassword.min.js"></script>
              

3. Call the plugin

<script>
          $("#element").musicalpassword({
              timer: false
          });</script>
        

Important! - You need to include the assets folder with the mp3 files for this plugin to work. You can rename the assets folder and point to it via the assetsBaseDir option.

Options

  • Timer: true | false
    Adding a time field to your password. You will have to play the tune within the correct time.
  • assetsBaseDir: "/path/location"
    The location of the base directory where the assets can be found. The plugin will look in the folder to find the mp3 files to play.
  • keyslistener: true | false
    Listen to certain key inputs from the keyboard and play the notes. You can use your keyboard to input the password.

Events

  • donebuttonpressed.musicalpassword:
    The done button has been pressed. This occurs if the timer is active.
  • clearinput.musicalpassword:
    The input has been cleared using the clear button

Demo

Musical Password JS Sample








 

Download

This project can be found on github. Click the download load click below click on the clone or download button and select download zip.

Download Here

To view more of my projects visit igestdevelopment.com.