Git Product home page Git Product logo

nypr-audio-services's Introduction

nypr-audio-services

Maintainability Test Coverage

This repo is the home of all audio-related controls in use by the web-clients. It's mostly in the form of components, but there are also a handful of services used in the orchestration of responses to events triggered by ember-hifi.

components

  • listen-button
    • The primary UI widget through which users will start playback
    • Includes multiple variations that are controlled by a type parameter, which controls a set of CSS classes and inheritance
    • The bouncing animation is controlled by JS and based on a run-time measurement of the button's DOM dimensions
    • Includes a nested component which is configured to replace server-rendered HTML with an ember component
    • Includes a callback parameter called playButtonClickedAction to be invoked as a callback when listen-button is tapped when in a play (as opposed to pause) state.
  • queue-button
    • The primary UI widget for adding and removing a piece of audio to a local queue
  • player-notification
    • slide up notification bar used to display messages from the player
  • nypr-player-integration
    • translates property names from story and stream model attributes to unified keys that the player can consume
  • stream-banner
    • sophisticated UI widget to display and play stream objects and their metadata
  • clear-history
    • UI for the clearHistory method on the listen-history service
  • player-history
  • player-queue
  • queue-history
  • queue-listitem
  • text-crawl

services

  • dj
    • orchestrates play requests and fetches records if passed an id
  • action-queue
    • allows for event listeners to order up by priority and prevent subsequent listeners from running

Installation

$ npm i nypublicradio/nypr-audio-services
$ ember g nypr-audio-services

Development

  • git clone [email protected]:nypublicradio/nypr-audio-services
  • cd nypr-audio-services
  • npm install

Running

  • ember serve
  • Visit your app at http://localhost:4200. (this will just be a blank page since there are no templates or routes defined for the dummy app on this addon).

Running Tests

  • npm test (Runs ember try:each to test your addon against multiple Ember versions)
  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit http://ember-cli.com/.

Publishing

This addon is published to npm using semver. See the wiki for more instructions.

nypr-audio-services's People

Contributors

bkammin avatar bryn19 avatar ef4 avatar jazwiecki avatar jjnypr avatar jkeen avatar marineb avatar mitchlloyd avatar walsh9 avatar wismer 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.