vue-peaks
Version:
A lightweight Vue wrapper around the bbc/peaks.js audio waveform UI component
2 lines (1 loc) • 883 B
CSS
audio.peaks,video.peaks,div.peaks-overview,div.peaks-zoomview{width:100%}div.peaks-overview,div.peaks-zoomview{height:80px}div.peaks-overview:empty{background:linear-gradient(90deg,rgba(128,128,128,0),var(--652dc135),rgba(128,128,128,0))}div.peaks-zoomview:empty{background:linear-gradient(90deg,var(--6c5d31d4),rgba(128,128,128,0),var(--6c5d31d4))}div.peaks-overview:empty,div.peaks-zoomview:empty{pointer-events:none;background-size:200% 200%;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse;animation-name:viewProgress}@keyframes viewProgress{0%{background-position:-200% -200%}to{background-position:200% 200%}}.peaks.hasError div.peaks-overview:empty,.peaks.hasError div.peaks-zoomview:empty{background:repeating-linear-gradient(-45deg,#e10000,#e10000 10px,#e1000000 10px,#e1000000 20px);animation-name:none}