Page MenuHomePhabricator

Define and add media player control components to the DSG
Open, Needs TriagePublic

Assigned To
None
Authored By
RHo
Apr 20 2021, 7:33 PM
Referenced Files
F35278146: image.png
Jun 26 2022, 11:19 PM
F35278148: image.png
Jun 26 2022, 11:19 PM
F35278150: image.png
Jun 26 2022, 11:19 PM
F35278162: image.png
Jun 26 2022, 11:19 PM
F35278160: image.png
Jun 26 2022, 11:19 PM
F35278158: image.png
Jun 26 2022, 11:19 PM
F35278152: image.png
Jun 26 2022, 11:19 PM
F34408824: image.png
Apr 20 2021, 7:33 PM

Description

Define and add media player control component to the DSG for audio and video media files.

Examples in use:

  • Audio on Commons results page
    image.png (549×1 px, 79 KB)
  • Audio on Commons File page
    image.png (96×724 px, 7 KB)
    image.png (101×725 px, 9 KB)
  • Audio on Wikipedia article (Vector)
    image.png (134×361 px, 8 KB)
  • Audio on Wikipedia article (Minerva)
    image.png (230×546 px, 14 KB)
  • Video on Commons results page
    image.png (596×1 px, 593 KB)
  • Video on Commons File page Desktop
    image.png (545×820 px, 370 KB)
    Mobile
    image.png (646×948 px, 743 KB)
  • Video on Wikipedia article (Vector)
    image.png (904×1 px, 597 KB)

Event Timeline

Adding @mwilliams for visibility and in case you'd like to share explorations already created. Plan is to add this as a subtask to the inventory task T277047.

Just a note, currently on the mobile website, we don't load any custom UI for players if I remember correctly and fallback to the browser provided controls. This is partly for efficiency reasons, and partly because the old player is highly inefficient in size. The new player is better, but still, custom players take up quite some resources and always require JS.

Not saying that we can't load the custom UI on mobile, but that care needs to be taken for sure.

Iniquity added a project: VideoJS player.

Updated screenshots in connection with the replacement of the player.