Podcast Title

Author: A Anon

Date: August 12th 2018

Run Time: 00:00:18

The container is full width, responsive with a maximum width setting. There is an optional image with alt text, the player, an optional heading followed by descriptive text, two optional links and the © text.
The player is created using a modified version of AudioJS. The adjustments were required to make the player itself responsive.
The player is centered in the container and has a maximum width setting. This allows its width to be controlled separate from that of the container.
AudioJS was used since it has a large enough play/pause button for fingertip operation and there is no volume control since this is pretty much useless for touch devices like the iPad and iPhone.
The time section shows elapsed time and track duration. Skipping or replaying can be achieved by clicking or tapping anywhere on the progress bar.

© EverWeb Widgets -