Nypr-audio-services NPM

nypr-audio-services

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 git@github.com: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).