Releases: naomiaro/waveform-playlist
v4.3.3
v4.3.2
Zoom level fix + transpiled source code
Hello, I've changed the default import to be the umd import as I think that will be easier for a lot of people using the library. If you would like to import and customise parts of the library, please import individual files from the lib/ folder.
https://unpkg.com/browse/[email protected]/
- Zoom out issue fixed when devicePixelRatio was < 1.
Bug Fix
Tone.js effects and custom webaudio graph.
Bars view
You can render tracks in the playlist with "bars" using barWidth and barGap options on the playlist.
Ex: https://naomiaro.github.io/waveform-playlist/bars.html
Thank-you @oguz3 !
Unpkg Support
Javascript and CSS assets have been better built and supplied for https://unpkg.com/
https://unpkg.com/browse/[email protected]/
A new basic html site example can be found here: https://github.com/naomiaro/waveform-playlist/tree/main/examples/basic-html
This example can be placed on a web server to run with no other setup.
v4.0.4
Dependency on Bootstrap is gone.
- Express example has been updated to remove Bootstrap
styles/playlist.scss now has variables allowing you to easily override colours when you include it.
$wp-mute-solo-color: #343a40 !default;
$wp-mute-solo-hover-color: #fff !default;
$wp-mute-solo-focus-color: rgba(52, 58, 64, 0.5) !default;
$wp-btn-danger-background-hover-color: #c82333 !default;
$wp-btn-danger-border-hover-color: #bd2130 !default;
$wp-btn-danger-background-color: #dc3545 !default;
$wp-btn-danger-border-color: #dc3545 !default;
$wp-btn-danger-focus-color: rgba(225, 83, 97, 0.5) !default;
$wp-btn-danger-color: #fff !default;
$wp-btn-info-background-hover-color: #138496 !default;
$wp-btn-info-border-hover-color: #117a8b !default;
$wp-btn-info-background-color: #17a2b8 !default;
$wp-btn-info-border-color: #17a2b8 !default;
$wp-btn-info-focus-color: rgba(58, 176, 195, 0.5) !default;
$wp-btn-info-color: #fff !default;
$wp-selection-background-color: rgba(0, 0, 0, 0.1) !default;
$wp-selection-point-color: red !default;
$wp-fade-background-color: rgba(0, 0, 0, 0.1) !default;
$wp-channel-color: grey !default;
$wp-channel-progress-color: #fbbc04 !default;
$wp-cursor-color: black !default;
$wp-tracks-container-background-color: #e0eff1 !default;
$wp-controls-background-color: #fff !default;
$wp-controls-border-color: #000 !default;
$wp-range-slider-label-color: black !default;
$wp-range-slider-color: goldenrod !default;
$wp-range-slider-focus-color: black !default;
$wp-range-slider-background-color: #ddd !default;
$wp-range-slider-background-focus-color: #bbb !default;
$wp-annotation-box-border-color: grey !default;
$wp-annotation-current-background-color: #ebf4f6 !default;
$wp-annotation-icon-hover-color: orange !default;