kwicks audio player
The main purpose of this project was to create an audio player using the Kwicks plugin, while adding options to control playback, and volume. The audio player would allow for users to select from a set amount of songs from various albums and play the music by clicking on said album cover.
skills
- web design
- web development
technologies
- kwicks.js
- css
- html
- javascript
html
The HTML mainly consists of an unordered list tag that is given a kwicks layout setting in the class list. The list contained all the necessary images for album covers, as well as information about the song. Audio tags were used to play the music through the browser and each song listing within the unordered list corresponded to an audio tag within the audio tag groupings. This allows for the correct song to be played when the corresponding album art is clicked on.

javascript
Apart from the Kwicks plugin JavaScript file, css was added to support the plugin. The supporting JavaScript added methods to handle click events on the album pictures to correctly match them with their audio files, as well as methods for a play button, pause button and audio control.

view the live site here