1.2.16 • Public • Published


A robust framework to build audio components for the web

Codacy Badge Codacy Badge z-amp-core semantic-release

z-amp-core makes it easy to create high-quality audio players, visualisers and more with a simple theming system. This is the core framework that supports existing themes.


  • Simple to understand and start using with minimal coding required
  • Audio pipeline concept makes it easy to create advanced processing and new functionality
  • Inter-component eventing system allows developers to create new components with ease
  • Easily animate any HTML element in time with the music by simply adding HTML attributes

How it works

z-amp-core is a Javascript library, built with NodeJS, that interacts with the HTML DOM of your page to insert an HTML5 <audio> tag or specify one of your own for it to act upon. Depending on the additional components that you're using, z-amp-core also looks for HTML elements in the DOM with specific attributes and attaches to them to enable player features. For example, you could add the following to your HTML:

<button audio-button-play>PLAY</button>

This would render a button that starts audio playing automatically whenever pressed. That's it! z-amp-core uses its special tag (audio-button-play) to attach functionality to elements on your page. Right now, z-amp-core provides the following types of audio components:

  • Audio Player
  • Playlist Manager
  • HTML Visualiser
  • Graphic Equalizer

If you'd like to create your own components, it's easy to get started. In addition, the powerful theming engine allows you to create advanced UIs quickly.

To find out more, visit the full documentation.



Package Sidebar


npm i z-amp-core

Weekly Downloads






Unpacked Size

1.24 MB

Total Files


Last publish


  • zyrous_bot