Page MenuHomePhabricator

Prototype a badged player
Open, LowPublic


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.

Related Objects


Event Timeline

TheDJ created this task.Jan 5 2016, 6:59 PM
TheDJ claimed this task.
TheDJ raised the priority of this task from to Low.
TheDJ updated the task description. (Show Details)
TheDJ added subscribers: brion, Aklapper.
TheDJ moved this task from Backlog to Video.js on the Kaltura player board.Apr 11 2016, 10:02 PM
TheDJ added a comment.EditedMay 13 2016, 8:02 AM

<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.

YaganZ added a subscriber: YaganZ.Jul 1 2016, 9:28 PM
TheDJ removed TheDJ as the assignee of this task.Sep 18 2017, 1:39 PM
TheDJ added a subscriber: TheDJ.