Page MenuHomePhabricator

Prototype a badged player (for inline ipa pronunciations; hide native player initially)
Closed, DeclinedPublicFeature


We need a proper playback solution for inline ipa pronunciations and spoken articles badges.

Means hiding the native player initially and giving a very customized playback control.

Event Timeline

TheDJ claimed this task.
TheDJ raised the priority of this task from to Low.
TheDJ updated the task description. (Show Details)
TheDJ added subscribers: brooke, Aklapper.

<audio> block with 0 width. Idea is to use something similar to popup. --data-player=popup. The --data-player=popup triggers a 1em styling with a line-height of 1 to prevent FOUC and reflow.

When loading the JS, replace with a container span/div with the same looks. <audio> is an invisible child of this, of the normal 3em high and 230px wide (double check browser defaults).

Upon hover, focus or click of the container, unhide the <audio> player and show it above or below the current line. (floating over the other content). if the player is shown by a click on the container, then start playback immediately.

TheDJ removed TheDJ as the assignee of this task.Sep 18 2017, 1:39 PM
TheDJ subscribed.
TheDJ changed the subtype of this task from "Task" to "Feature Request".Jan 17 2022, 2:04 PM

What I would like to see is a very small speaker icon, not a play icon (which is ambiguous in this context), which when clicked, opens a modal or floating player (which includes a link to the file page). So something very similar to what you see in the first sentence of, but opening a player instead of linking directly to the audio.

Aklapper renamed this task from Prototype a badged player to Prototype a badged player (for inline ipa pronunciations; hide native player initially).Apr 27 2022, 8:43 AM

Not doing, as we now have Extension:Phonos and it's audio player.