updated waveform graphics to webp instead of larger png
|
@ -38,8 +38,8 @@ players.forEach(player => {
|
||||||
const playercontainer = player.querySelector('.track-container');
|
const playercontainer = player.querySelector('.track-container');
|
||||||
const played = player.querySelector('.track-played');
|
const played = player.querySelector('.track-played');
|
||||||
const unplayed = player.querySelector('.track-unplayed');
|
const unplayed = player.querySelector('.track-unplayed');
|
||||||
played.style.backgroundImage = `url('tracks/${trackName}-played.png')`;
|
played.style.backgroundImage = `url('tracks/${trackName}-played.webp')`;
|
||||||
unplayed.style.backgroundImage = `url('tracks/${trackName}.png')`;
|
unplayed.style.backgroundImage = `url('tracks/${trackName}.webp')`;
|
||||||
|
|
||||||
const audio = document.createElement('audio');
|
const audio = document.createElement('audio');
|
||||||
audio.style.display = 'none';
|
audio.style.display = 'none';
|
||||||
|
|
After Width: | Height: | Size: 30 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 26 KiB |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 30 KiB |