Code Monkey home page Code Monkey logo

csun-accessiblemusicstreaming's Introduction

Project Possibility: SS12 Competition

Accessible Web-Based Music Application: rAdio

GOALS

rADIO goals can be found here.

WHAT IS rAdio?

rAdio is an accessible web-based music application that has multiple accessible features including: playback navigation, HTML5/ARIA compliance, shortcut keys, large buttons, and large text. It is accessible to both the blind and vision impaired. It also has all of the normal features and design of a non-accesible player.

INSTRUCTIONS

Shortcut Keys: Press the following keys on your keyboard to perform their associated rAdio player funtion.

* space : play/pause
* left  : previous track
* right : next track
* up    : increase volume
* down  : decrease volume
* f     : seek foreward 10 seconds
* d     : seek backward 10 seconds	
WHAT TECHNOLOGIES DOES rAdio UTILIZE?

rAdio utilizes JQuery, JavaScript, and the RDIO API. RDIO API The Rdio player API allows rAdio to incorporate the playback of licensed Rdio music. Rdio provides a jQuery library which simplifies embedding and interacting with the Web Playback SWF. JavaScript handles all of the events on the player.

WHAT CHANGES WERE MADE TO THE RDIO PLAYER

The RDIO player has shortcut keys for play/pause, previous, next, and playlist. However, it does not have shortcut keys for volume control or seek functions. The RDIO player is not Aria Compliant, and the screan reader could not easily read it.
We created the user friendly rAdio interface and its unique design.

LIST OF AUTHORS:
  1. Kevork Sepetci
  2. Luis Fuentes
  3. Ursula Messick
  4. John-Luke Laue

Mentor: Mike Matuzak

Future Improvements

Our Future Improvments wiki page can be viewed here.

CONTACT INFO

Please visit Project Possibility.

csun-accessiblemusicstreaming's People

Contributors

luie1112 avatar thekev0 avatar webdevgirl avatar

Stargazers

 avatar

Watchers

 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.