Skip to main content

Configuration

Show Information​

propertydescription
show.titleShow Title
show.subtitleShow Description
show.summaryShow Summary
show.posterShow Cover
show.linkUrl to show
{
    show: {
      title: 'Freak Show',
      subtitle: 'Menschen! Technik! Sensationen!',
      summary: 'Die muntere Talk Show um Leben mit Technik, das Netz und Technikkultur. Bisweilen Apple-lastig aber selten einseitig. Wir leben und lieben Technologie und reden darüber. Mit Tim, hukl, roddi, Clemens und Denis. Freak Show hieß irgendwann mal mobileMacs.',
      poster: 'https://freakshow.fm/wp-content/cache/podlove/04/662a9d4edcf77ea2abe3c74681f509/freak-show_200x200.jpg',
      link: 'https://freakshow.fm'
    }
}

Episode Information​

propertydescription
titleEpisode Title
subtitleEpisode Description
summaryEpisode Summary
posterEpisode Cover
publicationDateEpisode Publication Date
durationEpisode Duration
linkLink to Episode
{
  title: 'FS171 Invasion!',
  subtitle: 'LAN Planung - Kalender - Bingo - Wikipedia - Akkukalibration - Alte iPads und iPods - Find My Friends - iPhone Music Player - Apple Watch - Kommandozeile - Star Wars - Dante - Internet of Things Security - VPN',
  summary: 'Wir haben eine wie wir finden abwechslungsreiche Sendung produziert, die wir Euch wie immer mit Freude bereitstellen. Während die Live-Hörer Freak-Show-Bingo spielen, greifen wir das Wikipedia-Thema der letzten Sendung auf und liefern auch noch weitere Aspekte des optimalen Star-Wars-Medienkonsums frei Haus. Dazu viel Nerderei rund um die Kommandozeile, eine Einschätzung der Perspektive der Apple Watch, ein Rant über die mangelhafte Security  im Internet of Things (and Buildings) und allerlei anderer Kram.  Roddi setzt dieses Mal aus, sonst Vollbesetzung.',
  publicationDate: '2016-02-11T03:13:55+00:00',
  poster: 'https://freakshow.fm/wp-content/cache/podlove/04/662a9d4edcf77ea2abe3c74681f509/freak-show_200x200.jpg',
  duration: '04:15:32', // Simple time format
  link: 'https://freakshow.fm/fs171-invasion'
}

Episode Chapters​

propertydescription
startChapter Start Time in Format hh:mm:ss
titleChapter Title
hrefChapter Link URL (optional)
imageChapter Image URL (optional)

Not providing chapters will disable all chapter related functions.

{
    chapters: [
      { start:"00:00:00", title: 'Intro'},
      { start:"00:01:39", title: 'Begrüßung'},
      { start:"00:04:58", title: 'IETF Meeting Netzwerk'},
      { start:"00:18:37", title: 'Kalender'},
      { start:"00:33:40", title: 'Freak Show Bingo', image: 'https://picsum.photos/400/400/?random&image=6'},
      { start:"00:35:37", title: 'Wikipedia', href: 'https://wikipedia.de'},
      { start:"01:17:26", title: 'iPhone Akkukalibration'},
      { start:"01:24:55", title: 'Alte iPads und iPod touches'},
      { start:"01:31:02", title: 'Find My Friends'},
      { start:"01:41:46", title: 'iPhone Music Player'},
      { start:"01:56:13", title: 'Apple Watch'},
      { start:"02:11:51", title: 'Kommandozeile: System Appreciation'},
      { start:"02:23:10", title: 'Sound und Design für Games'},
      { start:"02:24:59", title: 'Kommandozeile: Remote Deployment'},
      { start:"02:32:37", title: 'Kommandozeile: Man Pages'},
      { start:"02:44:31", title: 'Kommandozeile: screen vs. tmux'},
      { start:"02:58:02", title: 'Star Wars: Machete Order & Phantom Edit'},
      { start:"03:20:05", title: 'Kopfhörer-Ersatzteile'},
      { start:"03:23:39", title: 'Dante'},
      { start:"03:38:03", title: 'Dante Via'},
      { start:"03:45:33", title: 'Internet of Things Security'},
      { start:"03:56:11", title: 'That One Privacy Guy\'s VPN Comparison Chart'},
      { start:"04:10:00", title: 'Ausklang'}
    ]
}

Audio Files​

{
  audio: [{
    url: 'http://freakshow.fm/podlove/file/4468/s/download/c/select-show/fs171-invasion.m4a',
    mimeType: 'audio/mp4',
    size: 93260000,
    title: 'Audio MP4'
  }, {
    url: 'http://freakshow.fm/podlove/file/4467/s/download/c/select-show/fs171-invasion.mp3',
    mimeType: 'audio/mp3',
    size: 14665000,
    title: 'Audio MP3'
  }, {
    url: 'http://freakshow.fm/podlove/file/4467/s/download/c/select-show/fs171-invasion.oga',
    mimeType: 'audio/ogg',
    size: 94400000,
    title: 'Audio Ogg'
  }, {
    url: 'http://freakshow.fm/podlove/file/4467/s/download/c/select-show/fs171-invasion.opus',
    mimeType: 'audio/opus',
    size: 94400000,
    title: 'Audio Opus'
  }]
}

References​

propertydescription
reference.baseReference to webplayer base, if not provided it falls back to the current url
reference.configReference to the current configuration
reference.shareReference sharing embed endpoint
{
    reference: {
      base: '//podlove-player.surge.sh',
      config: '//podlove-player.surge.sh/fixtures/example.json',
      share: '//podlove-player.surge.sh/share'
    }
}

Theming​

propertydescription
theme.mainmain theme color (default: #2B8AC6)
theme.highlighthighlight theme color
{
    theme: {
      main: '#2B8AC6',
      highlight: '#EC79F2'
    }
}

Runtime​

propertydescription
runtime.platformPlatform (desktop,mobile), is detected by the player
runtime.languageLanguage (en,de,...), defaults to browser language
{
    runtime: {
      platform: 'desktop',
      language: 'en'
    }
}

Contributors​

propertydescription
contributor.nameName of contributor (e.g. speaker)
contributor.avatarAbsolute Url to contributor's avatar
 contributors: [{
      id: 'tim-pritlove',
      avatar: 'https://freakshow.fm/wp-content/cache/podlove/47/08928e3c26dcb1141d67ad75869619/tim-pritlove_50x50.jpg',
      name: 'Tim Pritlove'
  }, {
      id: 'clemens-schrimpe',
      avatar: 'https://freakshow.fm/wp-content/cache/podlove/0f/9c18f5e825496b9060337f92814142/clemens-schrimpe_50x50.jpg',
      name: 'Clemens Schrimpe'
  }, {
      id: 'hukl',
      avatar: 'https://freakshow.fm/wp-content/cache/podlove/8e/f30cbe274c3f5e43dc4a7219676f50/hukl_50x50.jpg',
      name: 'hukl'
  }, {
      id: 'denis-ahrens',
      avatar: 'https://freakshow.fm/wp-content/cache/podlove/b2/425e5c8f180ddf548c95be1c2d7bcf/denis-ahrens_50x50.jpg',
      name: 'Denis Ahrens'
  }]

Transcripts​

To enable transcripts provide a URI to the transcriptions file.

propertydescription
transcriptshttp://url.to/transcripts.json

The transcriptions file contains transcripts in the following format:

[{
  "start": "00:00:43.1", // Simple Time Format
  "end": "00:01:17.2", // Simple Time Format
  "speaker?": "Speaker ID",
  "test": "Transcribed text"
}]

Tabs​

propertydescription
tabs.infotoggle the info tab
tabs.sharetoggle the share tab
tabs.chapterstoggle the chapters tab
tabs.audiotoggle the audio tab
tabs.downloadtoggle the download tab
  tabs: {
   info: true // will expand the info tab on load
  }

Visible Components​

List of components that are visible in the player. if nothing is provided all components are visible.

propertydescription
showTitleHeader show title
episodeTitleHeader episode title
subtitleHeader subtitle
progressbarPlay progress
controlSteppersSteppers controls
controlChaptersChapters controls
posterPoster in Head
tabChaptersChapters Tab
tabFilesFiles Tab
tabAudioAudio Tab
tabShareShare Tab
  visibleComponents: [
    'tabInfo',
    'tabChapters',
    'tabFiles',
    'tabAudio',
    'tabShare',
    'poster',
    'showTitle',
    'episodeTitle',
    'subtitle',
    'progressbar',
    'controlSteppers',
    'controlChapters'
  ]

Simple Time Definitions​

exampledescription
01:35:521 hour 35 minutes 52 seconds
7:487 minutes, 48 seconds
35:12.25035 minutes, 12 seconds, 250 ms
05:12:03.55 hours, 12 minutes, 3 seconds, 500 ms
3737 seconds