Embed Website

The "frontend" for embed.prx.org is implemented as an Angular 2 app with two functions:

1. Provide a builder interface for generating an iframe
2. Render the content of the generated iframe

Summary

Create an embeddable player for podcast episodes. The podcast needs to already be in dovetail, and episodes in feeder.

Playback Controls

• Control playback to play or pause
• Display playback progress (bar?)
• Display duration and current time in audio
• Move to specific time in the player (drag play head?)

Consider:

• ff & rewind, skip 15 fwd or back - perhaps during pause?

View Details

• Embeddable as an iframe
• Display controls at the bottom of the player
• Display an image associated with the audio at top
• Sharing control (fb, twitter, mail, embed)

Consider:

• Waveform?
• Indicate ads visually (i.e. indicator for when an ad is playing?)

Ad Playback

• Retrieve ads to be played from dovetail/adzerk/?
• Play multiple files as if one, including ads
• Report impressions for ads after played

Consider:

• Indicate ads visually
• Skip ads or not?

Analytics

• Send player events to Google Analytics and/or count
• Be able to tell how much of episode played (% or value)

The embed.prx.org site

• View list of embeddable episodes for a podcast (embed.prx.org/{podcast path})
• For each episode, (pre)view player
• For each episode player, show embed html code

Implementation Decisions

• Be able to playback the episode starting only with a dovetail mp3 url
• Create embed player display as a standalone angular 2 app, not part of www/beta
• For the love of god, do not use soundmanager 2, but do use a shim or flash polyfill