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
• Global
• Collection
• Audio
• Audio + Collection

Buffered Progress Element

• Documented
• Global
• Collection
• Audio
• Audio + Collection

Container Elements

• Documented
• Audio
• 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
• Global

Next Elements

• Documented
• Global
• Collection

Pause Elements

• Documented
• Global
• Collection
• Audio
• Audio + Collection

Playback Speed Elements

• Documented
• Global

Play Elements

• Documented
• Global
• Collection
• Audio
• Audio + Collection

Play/Pause Elements

• Documented
• Global
• Audio
• Collection
• Audio + Collection

Previous Elements

• Documented
• Global
• Collection

Progress Elements

• Documented
• Global
• Collection
• Audio
• Audio + Collection

Repeat Audio Elements

Repeat Elements

Shuffle Elements

• Documented
• Global
• Collection

Skip To Elements

• Documented
• 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
• Global

Volume Slider Elements

• Documented
• Global

Volume Up Elements

• Documented
• Global

Breaking Changes

songs array renamed to audio

#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