amplitudejs icon indicating copy to clipboard operation
amplitudejs copied to clipboard

AmplitudeJS v6.0.0

Open danpastori opened this issue 3 years ago • 1 comments

Working on the latest and greatest AmplitudeJS. In version 6.0.0, we are optimizing a lot of the internal features, making the development process more user friendly, and working to make AmplitudeJS more extendable.

Project

https://github.com/orgs/serversideup/projects/4/views/1

Interactive Elements

Below are all the elements we can interact with in Amplitude version 6.0.0.

Audio Tracker Element

  • [ ] Documented
  • [x] Global
  • [x] Collection
  • [x] Audio
  • [x] Audio + Collection

Buffered Progress Element

  • [ ] Documented
  • [x] Global
  • [x] Collection
  • [x] Audio
  • [x] Audio + Collection

Container Elements

  • [ ] Documented
  • [x] Audio
  • [x] Collection Audio

Meta Data Elements

  • [ ] Document: Active Audio Meta Data
  • [ ] Document: Active Collection Info Meta Data
  • [ ] Document: Active Collection Audio Meta Data
  • [ ] Document: Non-Active Audio Meta Data
  • [ ] Document: Non-Active Collection Audio Meta Data
  • [ ] Document: Non-Active Collection Info

Mute Elements

  • [ ] Documented
  • [x] Global

Next Elements

  • [ ] Documented
  • [x] Global
  • [x] Collection

Pause Elements

  • [ ] Documented
  • [x] Global
  • [x] Collection
  • [x] Audio
  • [x] Audio + Collection

Playback Speed Elements

  • [ ] Documented
  • [x] Global

Play Elements

  • [ ] Documented
  • [x] Global
  • [x] Collection
  • [x] Audio
  • [x] Audio + Collection

Play/Pause Elements

  • [ ] Documented
  • [x] Global
  • [x] Audio
  • [x] Collection
  • [x] Audio + Collection

Previous Elements

  • [ ] Documented
  • [x] Global
  • [x] Collection

Progress Elements

  • [ ] Documented
  • [ ] Global
  • [ ] Collection
  • [ ] Audio
  • [ ] Audio + Collection

Repeat Audio Elements

Repeat Elements

Shuffle Elements

  • [ ] Documented
  • [ ] Global
  • [ ] Collection

Skip To Elements

  • [ ] Documented
  • [x] Audio
  • [ ] Audio+Collection

Stop Elements

  • [ ] Documented
  • [ ] Global

Time Elements

  • [ ] Documented
  • [ ] Global Current Time
  • [ ] Audio Current Time
  • [ ] Collection Current Time
  • [ ] Audio + Collection Current Time
  • [ ] Global Duration
  • [ ] Audio Duration
  • [ ] Collection Duration
  • [ ] Audio + Collection Duration

Volume Down Elements

  • [ ] Documented
  • [x] Global

Volume Slider Elements

  • [ ] Documented
  • [x] Global

Volume Up Elements

  • [ ] Documented
  • [x] Global

Breaking Changes

songs array renamed to audio

https://github.com/serversideup/amplitudejs/issues/504

default_album_art renamed to default_artwork

Making all of the internal verbiage more generic to handle all audio types. (See #504)

amplitude-prev classes renamed to amplitude-previous

It's more verbose and we don't use abbreviations anywhere else.

amplitude-song-slider classes renamed to amplitude-audio-tracker

It makes more sense with the verbiage of the industry and we remove the song token word that allows for better developer experience and flexibility.

Collection Scoping

There were a lot of methods we had that wouldn't make sense outside the scope of a collection. So some of the old functionality that would work on the songs array has been scoped only to a collection. For example:

  • Next
  • Previous
  • Shuffle These won't work on just a songs (now audio) array. They will only work when scoped to a collection. This will need to be thoroughly documented and in our migration guide.

Documentation Updates

Development Commands

We now have two commands to build AmplitudeJS:

  • npm run dev - Compiles and starts the watcher command. The mode is defaulted to development with WebPack. This makes it really efficient to develop and watch for changes.
  • npm run build - Runs a production build and minifies the library

New time_format for config.

Replaces: HH -> hours MM -> minutes SS -> seconds

Tests To Write

  • [ ] Initialize AmplitudeJS with no audio
  • [ ] Initialize AmplitudeJS with config url
  • [ ] Initialize AmplitudeJS with JSON

danpastori avatar May 05 '22 20:05 danpastori

Hi guys. I've been looking for a player to integrate into a new project. Really love the look and feel of Amplitude but I notice there haven't been any commits in 2 years. Is the project no longer being actively developed?

binaryfire avatar Feb 22 '24 05:02 binaryfire