Page MenuHomePhabricator

Show time-length for audio files by default in VideoJS
Closed, ResolvedPublicFeature

Description

Feature summary:

  • Add a time indicator by default

Use case(s):

  • As a reader, I want to know how long an audio file is before I click the Play button.
  • As a reader, I might be more likely to play an audio-sample if I can immediately see that it meets my needs. E.g. a 10 second clip versus a 30 minute recording.

Benefits:
Currently:

  1. The default display just shows the Play button.
  2. The time only shows up (even after clicking Play) if we specify a 300px wide thumbnail. (or use the {{listen}} template on some wikis)

Therefore this would (at least partially) solve 2 problems.

Screenshot:
Showing some example-pairs of "Before/After clicking Play". (from this sandbox revision)

image.png (671×457 px, 29 KB)

Event Timeline

Should be quite easy to do this. :)

Change 774527 had a related patch set uploaded (by Brion VIBBER; author: Brion VIBBER):

[mediawiki/extensions/TimedMediaHandler@master] Show duration for audio placeholders

https://gerrit.wikimedia.org/r/774527

Currently got something like this but the absolute positioning means the CC label and the duration label could overlap unless i give them more room. Also if placeholders can be made smaller we may need to exclude them.

Screen Shot 2022-03-28 at 11.10.28.png (140×684 px, 29 KB)

Currently got something like this but the absolute positioning means the CC label and the duration label could overlap unless i give them more room. Also if placeholders can be made smaller we may need to exclude them.

Screen Shot 2022-03-28 at 11.10.28.png (140×684 px, 29 KB)

I say just hide them, we also don't show them on videos under 150px high.

Agreed. Latest patch rev shows only the duration for audio, and hides CC for short videos. Sound good or hide entirely on short (vertically) vids?

I'd just hide it completely. There are a lot of examples for short play icon only players (mostly for pronunciation cases)

*nod* latest rev is like this, seems sensible. i set the horizontal size cutoff for audio at 150px, could go tighter if we want.

Screen Shot 2022-03-28 at 12.47.23.png (192×1 px, 12 KB)

Change 774527 merged by jenkins-bot:

[mediawiki/extensions/TimedMediaHandler@master] Show duration for audio placeholders

https://gerrit.wikimedia.org/r/774527

TheDJ moved this task from Backlog to Active on the VideoJS player board.