diff options
| -rw-r--r-- | webAO/client.html | 2 | ||||
| -rw-r--r-- | webAO/client.js | 3 |
2 files changed, 5 insertions, 0 deletions
diff --git a/webAO/client.html b/webAO/client.html index e1adfc5..fdeddbb 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -78,11 +78,13 @@ <img id="client_pair_gif" onerror="charError(this);"> <img id="client_pair_png" onerror="charError(this);"> <img id="client_pair_apng" onerror="charError(this);"> + <img id="client_pair_webp" onerror="charError(this);"> </div> <div id="client_char" alt="Character"> <img id="client_char_gif" onerror="charError(this);"> <img id="client_char_png" onerror="charError(this);"> <img id="client_char_apng" onerror="charError(this);"> + <img id="client_char_webp" onerror="charError(this);"> </div> <img id="client_bench"> <img id="client_fg" alt="Various overlay" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="> diff --git a/webAO/client.js b/webAO/client.js index 7b42732..0a0dd47 100644 --- a/webAO/client.js +++ b/webAO/client.js @@ -1864,17 +1864,20 @@ async changeBackground(position) { const gif_s = document.getElementById("client_" + pairID + "_gif"); const png_s = document.getElementById("client_" + pairID + "_png"); const apng_s = document.getElementById("client_" + pairID +"_apng"); + const webp_s = document.getElementById("client_" + pairID +"_webp"); if (this.lastChar !== this.chatmsg.name) { //hide the last sprite gif_s.src = transparentPNG; png_s.src = transparentPNG; apng_s.src = transparentPNG; + webp_s.src = transparentPNG; } gif_s.src = characterFolder + `${encodeURI(charactername)}/${encodeURI(prefix)}${encodeURI(emotename)}.gif`; png_s.src = characterFolder + `${encodeURI(charactername)}/${encodeURI(emotename)}.png`; apng_s.src = characterFolder + `${encodeURI(charactername)}/${encodeURI(prefix)}${encodeURI(emotename)}.apng`; + webp_s.src = characterFolder + `${encodeURI(charactername)}/${encodeURI(prefix)}${encodeURI(emotename)}.webp`; } /** |