动态 GIF：停止播放！

pmusaraj · 2021 年4 月 26 日 19:46

暂停功能可以正常工作，但在 GIF 完全加载之前，画布无法读取/绘制第一帧。我认为我们无法彻底修复这个问题，因此我为 canvas 元素添加了一种微妙的背景色，显示效果如下：

我还添加了播放/暂停图标以及一些其他改进。

github.com/discourse/discourse

FIX: Improvements to animated image pausing (#12839)

master ← pause-gifs-improvements

merged 02:48PM - 28 Apr 21 UTC

pmusaraj

+143 -23

- Adds pause/play icons in bottom/right corner - Pauses animated images automat…ically on blur - Resumes animated images when window focus returns - Pauses on load when OS has `prefers-reduced-motion` enabled - Adds subtle background color to `canvas` element, so that in slow connections where the full GIF loads slowly, pausing the animation will show something in stead of blank space The icons are shown as follows: Pause icon is shown for non-touch devices on hover. Play icon is shown on all devices when animation is paused.

话题		回复	浏览量
Add WEBP support to GIF pause component Feature	2	802	2021 年5 月 12 日
Allow pause for animated images from certain domains Feature	3	719	2021 年5 月 28 日
Giphy onebox for animated gifs Feature	11	3859	2018 年10 月 7 日
Very large gifs should be shown as previews Feature	36	9184	2018 年11 月 5 日
Animated Avatar Plugin experimental	59	12349	2026 年9 月 10 日

动态 GIF：停止播放！

相关话题