Grace Hopper Academy Capstone Project: Symph

Channel:
United States Fullstack Academy
Subscribers:
58,200
Published on ● Video Link: https://www.youtube.com/watch?v=2_L9xntd8Tw


Duration: 4:00
400 views
3

Symph provides a space for both experienced and new musicians to create and share musical ideas. Users create bite-sized musical loops using a custom visual interface, built with FabricJS on an HTML5 canvas. Music is synthesized directly in the browser using ToneJS, an abstraction over the Web Audio API, allowing users to listen while they compose in real time.

Each User has a Loop Bucket, containing all of the Loops they’ve created. They can also browse other user-created loops, and save them into their Loop Bucket for later use. They can then use the Loops in their Loop Bucket to create a multi-track composition, by dragging and dropping loops into our Mix Editor. The Mix Editor was made using custom Angular Directives that utilize the HTML5 native Drag and Drop API.

After completing a Mix, you can save it, and it will be visible on the website for friends and other users to find. You can also browse mixes created by other users to get inspiration for your next composition.

----
Grace Hopper Academy is the world's leading engineering school for women, with no upfront tuition cost. Learn more at https://www.gracehopper.com



Other Videos By Fullstack Academy


2016-05-12Angular 2 Tutorial - Getting Started With Angular 2
2016-05-12Music Synthesis Tutorial - How to Synthesize Music in JavaScript
2016-05-12Material Design Tutorial - Material Design in the Context of Usability
2016-05-12Support Vector Machines (SVM) Tutorial - Support Vector Machines in JavaScript
2016-05-12GridFS with MongoDB Tutorial - An Overview of GridFS and How to Integrate with Mongo
2016-05-043D Rendering Techniques - How Does 3d Rendering Work on the Web
2016-05-04Artificial Intelligence Tutorial - An Introduction to Artificial Intelligence and Games
2016-04-27Bluebird.js Tutorial - How to Create and use Promises with Bluebird.js
2016-04-27Grace Hopper Academy Capstone Project: Codernotes
2016-04-27Grace Hopper Academy Capstone Project: Robo Rally
2016-04-27Grace Hopper Academy Capstone Project: Symph
2016-04-27Three.js Tutorial - Examples using Three.js
2016-04-27How to Build a Recommendation Engine
2016-04-27Serverless Architecture Tutorial - Launch and Run a Serverless App in Lambda, S3 and API Gateway
2016-04-27REST Tutorial - What is REST (Representational State Transfer)?
2016-04-26Angular Directives Tutorial - Deep Dive into Angular Directives
2016-04-25TECH TALK: How To Get Into The Meetup Scene in NYC
2016-04-20Grace Hopper Academy Capstone Project: Seven Cities
2016-04-11Sass Tutorial - Learn How to Use Sass
2016-04-11Immutable.js Tutorial - Introduction to Immutable.js
2016-03-28Speaker Series: Garreth Dottin Talks about Functional Programming