Giter VIP home page Giter VIP logo

bloc-jams-jquery's Introduction

title summary tech
Bloc-Jams-jQuery
A Web-based song player written in JavaScript and jQuery
jQuery, Buzz Player, JavaScript, HTML/CSS, Ion Icons, Netlify, GitHub

Heroku

Summary

A music player written with JavaScript and jQuery

Explanation

This is the first and simplest iteration of Bloc Jams.

Streams audio, via Buzz audio, songs that are located on the site. The application is just one screen: a single album with five songs.

To choose a song, click on the song name or click on the next/previous buttons under the list of songs. A song must be playing for these buttons to work.

To pause a song, click on the song's pause button, or the pause button at the bottom.

You may track to a different place in the song by using the long seek bar.

Adjust volume using the seek bar at the bottom right.

The application is generally broken down by

  • Album: the cover art for the album
  • Player: Buzz player controller
  • Song List: list of songs
  • PlayerBar: song controls: play, pause, seek, next, previous

Problem

This was one of the first projects in Bloc, and as such was a huge learning experience for JavaScript, jQuery, HTML and CSS. Prior to this, my knowledge of these were either sparse (HTML/CSS) or non-existent (JavaScript/jQuery).

Solution

jQuery, Buzz Player, JavaScript, HTML/CSS, Ion Icons, Netlify, GitHub This project shows the practical application of several technologies:

  • jQuery
  • Buzz Player
  • JavaScript
  • HTML/CSS
  • Ion Icons
  • Netlify
  • GitHub

Results

This was a really good project to get into new development technology.

Conclusion

ToDos

  • Leave as-is

bloc-jams-jquery's People

Contributors

dsa027 avatar r-v-s avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.