The presentation of the HTML audio element varies by browser and operating system. In addition, there are few options for customizing the appearance of the element to match brand guidelines or other element styles.
This module uses button and range input elements to create a custom HTML audio player. The styles for the buttons and range elements are already provided by the Forms module (which is required for use with this module). The script in the dist/script/audio.js file is also required to convert the default audio element into the TYFY custom audio player and provide the requisite event handling.
Applied to a figure element containing the HTML audio element. This class identifies the audio element to convert into custom audio player.
Default color of the play/pause button and the sound on/off button.
Hovered color of the play/pause button and the sound on/off button; accent color for the playhead and volume sliders.