Page MenuHomePhabricator

[[File:]] keyword for silent, looped autoplay videos (GIF-like behavior)
Open, LowestPublic

Description

Currently, embedded videos show a thumbnail with a play button and require manual activation to play. Meanwhile, GIF animations have been in autoplay mode since we allowed GIFs in 2003 or so.

This encourages moving diagrams and even video captures representing a short movement sequence to be done as GIFs, which have various limitations (256-color palette, primitive compression, no playback controls, difficulty supporting multiple resolutions efficiently, etc).

It would be nice to provide the positive aspects of animated GIF behavior optionally when using 'proper' video formats:

  • autoplay with sound muted
  • looping

plus the abilities of video:

  • full color
  • better compression for real video
  • ability to unmute if sound is available
  • ability to pause/seek
  • scaling/transcoding infrastructure already handles long-running processes on large input files well

The keyword could look like this:

[[File:Fooey.webm|autoplay]]

or in a bigger context:

[[File:orbit2.webm|autoplay|thumb|300px|Two bodies of different [[mass]] orbiting a common [[Barycentric coordinates (astronomy)|barycenter]]. The relative sizes and type of orbit are similar to the [[Pluto]]–[[Charon (moon)|Charon]] system.]]

vs this existing gif usage on https://en.wikipedia.org/wiki/Orbit ...

[[File:orbit2.gif|thumb|300px|Two bodies of different [[mass]] orbiting a common [[Barycentric coordinates (astronomy)|barycenter]]. The relative sizes and type of orbit are similar to the [[Pluto]]–[[Charon (moon)|Charon]] system.]]

Open questions:

  • do we need just 'autoplay', or 'loop', or both?
  • how to express the silent-ness on no-JS output?
  • start/stop times necessary? (double-check the existing support here)
  • do we need to add a mute state indicator, like you see on Twitter or Facebook autoplay videos?
  • any autoplay limitations/surprises? (eg, pretty sure autoplay is disabled on iOS)
  • should this actually be the default behavior? or something more limited?

Event Timeline

brion created this task.Oct 24 2015, 10:53 PM
brion raised the priority of this task from to Needs Triage.
brion updated the task description. (Show Details)
brion added a subscriber: brion.
Restricted Application added subscribers: Matanya, Aklapper. · View Herald TranscriptOct 24 2015, 10:53 PM
Jdforrester-WMF triaged this task as Lowest priority.Nov 5 2015, 6:31 PM
Jdforrester-WMF added a subscriber: Jdforrester-WMF.

I'd rather we not introduce new syntax just yet, given we're planning to replace the whole system…

Jdforrester-WMF moved this task from Untriaged to Backlog on the Multimedia board.Nov 5 2015, 6:31 PM
Flugaal added a subscriber: Flugaal.EditedJul 16 2016, 7:35 PM

We're sorely missing a modern alternative to animated GIF. Sometimes 256 colors are just not enough. (Case at hand: An image coding quality comparison in a simple 4-frame slideshow. Can't tolerate additional image degradation. Lossless VP8 or VP9 would do the trick here.) In that case, the only alternatives useable on WM wikis are APNG and truecolor GIF, which are complicated to use, inferior formats, and not really supported.
Additionally, we could often profit from much smaller filesizes.
So we really need looped WebM playback (autoplay may be expendable) – like 4chan and Reddit have had for years now!

@Jdforrester-WMF: What is this replacement you're talking about? Should i file a new feature request against the new component?

We need loop. Cardiac ultrasounds are one heart beat in length and then repeated. Echopedia has it working http://www.echopedia.org/index.php?title=Case_52

@Jdforrester-WMF: What is this replacement you're talking about? Should i file a new feature request against the new component?

It's not a new component, it's chatter at the edges of various RfCs to change the wikitext syntax for file transclusion. It'd be premature to file tasks at this time, sorry.

We need loop. Cardiac ultrasounds are one heart beat in length and then repeated. Echopedia has it working http://www.echopedia.org/index.php?title=Case_52

That's neat. They're using https://www.mediawiki.org/wiki/Extension:Html5mediator instead of TimedMediaHanlder which we use on Wikimedia Foundation servers, which gives them the syntax for this:

<html5media height="350" width="279" autoplay="true" loop="true">File:E00335.mp4</html5media>

The work Brion and TheDJ are doing to replace the audio/video playback code in TimedMediaHandler, T100106, will give us the ability to much more easily add new features like this.