Vuejs-Podlove web player: Podlove Web Player - Podcast-optimized, HTML5-based audio player featuring chapters, transcripts and embedding.

Podlove Web Player

? This project moved to the Podlove UI Monorepo ?

Preview

About

HTML5 Goodness for Podcasting

Podlove Web Player is a Podcast-optimized, HTML5-based video and audio player. It can be used as a WordPress plugin or within a static HTML/JavaScript context.

The Podlove Web Player supports almost every modern browser (Edge, Firefox, Chrome, Safari) and also does captions, chapters, transcripts and much more.

Used Technologies

Development

Setup

Clone the repository and install all dependencies with yarn

Local Development

  1. Run yarn dev
  2. Access http://localhost:9002/standalone.html for development

Tests

  1. Run yarn test for test suite
  2. or yarn test:dev for interactive mode

Build

  1. Run yarn build
  2. Locate build artefacts in dist/

Docs

  1. Run yarn docs
  2. Access http://localhost:8080 for a preview

Join the conversation

Become a part of the

If you're interested in discussing podcasting topics in general, please visit sendegate.de.

Podlove Docs

Report an issue

If you encounter a specific problem using the Podlove Web Player that you think is a bug, or you see a problem in the documentation, you can report the issue here:
github.com/podlove/podlove-web-player/issues

Also, if you have ideas for new features for player, please submit them as a Github issue.

Have a look on the Github project to watch the status and progress of your issues:
github.com/podlove/podlove-web-player/projects

Support

KeyCDN

License

FOSSA Status

Comments

  • chore(deps): bump underscore from 1.9.1 to 1.13.1
    chore(deps): bump underscore from 1.9.1 to 1.13.1

    May 6, 2021

    Bumps underscore from 1.9.1 to 1.13.1.

    Commits
    • 943977e Merge branch 'umd-alias', tag 1.13.1 release
    • 5630f88 Add version 1.13.1 to the change log
    • 5aa5b52 Update the bundle sizes
    • 76c8d8a Bump the version to 1.13.1
    • 9cda0b0 Add some build clarifications to the documentation (#2923)
    • 8b5928c Revert .gitignore underscore.js from 57a4a0e (fix #2923)
    • 7054a54 Update generated sources and tag 1.13.0 release
    • 37dc52a Merge pull request #2921 from jgonggrijp/prepare-1.13.0
    • 5511d12 Add version 1.13.0 to the change log
    • efe5fbf Bump the version to 1.13.0
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by jgonggrijp, a new releaser for underscore since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    Reply
  • chore(deps): bump handlebars from 4.0.11 to 4.7.7
    chore(deps): bump handlebars from 4.0.11 to 4.7.7

    May 7, 2021

    Bumps handlebars from 4.0.11 to 4.7.7.

    Changelog

    Sourced from handlebars's changelog.

    v4.7.7 - February 15th, 2021

    • fix weird error in integration tests - eb860c0
    • fix: check prototype property access in strict-mode (#1736) - b6d3de7
    • fix: escape property names in compat mode (#1736) - f058970
    • refactor: In spec tests, use expectTemplate over equals and shouldThrow (#1683) - 77825f8
    • chore: start testing on Node.js 12 and 13 - 3789a30

    (POSSIBLY) BREAKING CHANGES:

    • the changes from version 4.6.0 now also apply in when using the compile-option "strict: true". Access to prototype properties is forbidden completely by default, specific properties or methods can be allowed via runtime-options. See #1633 for details. If you are using Handlebars as documented, you should not be accessing prototype properties from your template anyway, so the changes should not be a problem for you. Only the use of undocumented features can break your build.

    That is why we only bump the patch version despite mentioning breaking changes.

    Commits

    v4.7.6 - April 3rd, 2020

    Chore/Housekeeping:

    Compatibility notes:

    • Restored Node.js compatibility

    Commits

    v4.7.5 - April 2nd, 2020

    Chore/Housekeeping:

    • Node.js version support has been changed to v6+ Reverted in 4.7.6

    Compatibility notes:

    • Node.js < v6 is no longer supported Reverted in 4.7.6

    Commits

    v4.7.4 - April 1st, 2020

    Chore/Housekeeping:

    Compatibility notes:

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    Reply
  • chore(deps): bump url-parse from 1.4.1 to 1.4.7
    chore(deps): bump url-parse from 1.4.1 to 1.4.7

    May 7, 2021

    Bumps url-parse from 1.4.1 to 1.4.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    Reply
  • chore(deps): bump lodash from 4.17.11 to 4.17.21
    chore(deps): bump lodash from 4.17.11 to 4.17.21

    May 8, 2021

    Bumps lodash from 4.17.11 to 4.17.21.

    Commits
    • f299b52 Bump to v4.17.21
    • c4847eb Improve performance of toNumber, trim and trimEnd on large input strings
    • 3469357 Prevent command injection through _.template's variable option
    • ded9bc6 Bump to v4.17.20.
    • 63150ef Documentation fixes.
    • 00f0f62 test.js: Remove trailing comma.
    • 846e434 Temporarily use a custom fork of lodash-cli.
    • 5d046f3 Re-enable Travis tests on 4.17 branch.
    • aa816b3 Remove /npm-package.
    • d7fbc52 Bump to v4.17.19
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by bnjmnt4n, a new releaser for lodash since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    Reply
  • chore(deps): bump hosted-git-info from 2.7.1 to 2.8.9
    chore(deps): bump hosted-git-info from 2.7.1 to 2.8.9

    May 10, 2021

    Bumps hosted-git-info from 2.7.1 to 2.8.9.

    Changelog

    Sourced from hosted-git-info's changelog.

    2.8.9 (2021-04-07)

    Bug Fixes

    2.8.8 (2020-02-29)

    Bug Fixes

    • #61 & #65 addressing issues w/ url.URL implmentation which regressed node 6 support (5038b18), closes #66

    2.8.7 (2020-02-26)

    Bug Fixes

    • Do not attempt to use url.URL when unavailable (2d0bb66), closes #61 #62
    • Do not pass scp-style URLs to the WhatWG url.URL (f2cdfcf), closes #60

    2.8.6 (2020-02-25)

    2.8.5 (2019-10-07)

    Bug Fixes

    • updated pathmatch for gitlab (e8325b5), closes #51
    • updated pathmatch for gitlab (ffe056f)

    2.8.4 (2019-08-12)

    ... (truncated)

    Commits
    • 8d4b369 chore(release): 2.8.9
    • 29adfe5 fix: backport regex fix from #76
    • afeaefd chore(release): 2.8.8
    • 5038b18 fix: #61 & #65 addressing issues w/ url.URL implmentation which regressed nod...
    • 7440afa chore(release): 2.8.7
    • 2d0bb66 fix: Do not attempt to use url.URL when unavailable
    • f2cdfcf fix: Do not pass scp-style URLs to the WhatWG url.URL
    • e1b83df chore(release): 2.8.6
    • ff259a6 Ensure passwords in hosted Git URLs are correctly escaped
    • 624fd6f chore(release): 2.8.5
    • Additional commits viewable in compare view
    Maintainer changes

    This version was pushed to npm by nlf, a new releaser for hosted-git-info since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    Reply
  • chore(deps): bump ini from 1.3.5 to 1.3.8
    chore(deps): bump ini from 1.3.5 to 1.3.8

    May 15, 2021

    Bumps ini from 1.3.5 to 1.3.8.

    Commits
    • a2c5da8 1.3.8
    • af5c6bb Do not use Object.create(null)
    • 8b648a1 don't test where our devdeps don't even work
    • c74c8af 1.3.7
    • 024b8b5 update deps, add linting
    • 032fbaf Use Object.create(null) to avoid default object property hazards
    • 2da9039 1.3.6
    • cfea636 better git push script, before publish instead of after
    • 56d2805 do not allow invalid hazardous string as section name
    • See full diff in compare view
    Maintainer changes

    This version was pushed to npm by isaacs, a new releaser for ini since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    Reply
  • Podlove Standalone-Player zeigt letztes Kapitel nur halbe Zeile
    Podlove Standalone-Player zeigt letztes Kapitel nur halbe Zeile

    Sep 9, 2014

    Hallo, ich nutzen nun den Standalone Webplayer von Podlove. Aber das letzte Kapitel wird immer nur als halbe Zeile angezeigt, wenn ich den Shortcode eingebaut habe. Hab schon viel probiert, es wird nur als ganze Zeile anzeigt, wenn ich alles aus dem Code rausnehme und nur noch die Kapitel drin lasse (was ja nicht Sinn der Sache ist) In den WP Einstellungen, hab ich auch nichts angegeben, damit die Kapitel komplett angezeigt werden. Muss nun aber einen Wert eingeben, damit der Scrollbalken, eben für die letzte Zeile da ist. Wobei, es völlig egal ist, was für einen Wert ich angebe, die Zeile ist immer nur halb zu sehen. Der Player klappt da einfach nicht ganz auf.

    Eingebaut sind die Kapitel über WP Benutzerdefiniertes Feld, alles die neuesten Versionen.

    Ist das vielleicht ein Bug, oder mach ich was falsch?

    Reply
  • Speichern der aktuellen Spielzeit
    Speichern der aktuellen Spielzeit

    Apr 23, 2013

    … und dann schmiert dir der Browser ab, du weißt nicht mehr, bei welchem Rant die gerade waren und ein endloses Gesuche beginnt.

    Um das angenehmer zu machen, wird mit dieser Änderung in einem kurzen Intervall die aktuelle Spielzeit jedes Players (anhand seines Permalinks) im LocaStorage gespeichert. Wird nun die Seite neu geladen, springt der Player automatisch zur letzten Position. (In Chrome und Opera ist das sofort sichtbar, in Firefox aufgrund des anderen Event-Verhaltens erst nach Spielbeginn.)

    Da die Spielzeit im "Singeplayer" derzeit in der URL hinterlegt wird, ist das Verhalten hier etwas anders. Die Zeit wird trotzdem im LocalStorage gespeichert (falls derselbe Podcast später auf einer anderen (Beispielsweise der Hauptseite) angezeigt wird). Zudem wird auch der Hash kontinuierlich aktualisiert. Im Konfliktfall gewinnt der Hash über LocaStorage, um die Funktionalität der DeepLinks nicht zu beeinträchtigen.

    Zudem habe ich eine EditorConfig hinzugefügt, was die Zusammenarbeit erleichtern soll. Diese müsste noch auf die Vorlieben des hiesigen Vorarbeiters angepasst werden. Für die gängigen Editore gibt es Plugins, wodurch sich jene automatisch an die Regeln halten.

    Und die Readme ist es jetzt in Markdown gesetzt. Mit Bildern.

    Reply
  • Darstellung auf Smartphones etc.
    Darstellung auf Smartphones etc.

    Jun 5, 2013

    Auf kleine Displays ist die Ansicht des Webplayers recht unschön. Hier wäre evtl. ein alternatives Design oder der Fallback auf Systemeigene HTML5-Player sinnvoll. Letzteres sollte MediaElement.JS können..

    Reply
  • Update vue to the latest version ?
    Update vue to the latest version ?

    Dec 7, 2018

    The dependency vue was updated from 2.5.17 to 2.5.18.

    This version is not covered by your current version range.

    If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.


    Release Notes for v2.5.18

    Includes everything in 2.5.18-beta.0

    Bug Fixes

    Commits

    The new version differs by 164 commits ahead by 164, behind by 4.

    • dadc918 build: release 2.5.18
    • eb81ec2 build: build 2.5.18
    • dfaf9e2 fix(types): type support for advanced async components (#8438)
    • 8a2dbf5 fix(transition-group): fix activeInstance regression
    • 0ed0aad fix: fix keyName checking for space and delete in IE11 (#9150)
    • f077ed1 fix(ssr): fix ssr template publicPath generation
    • 93850f4 chore: fix sponsor link
    • 1b4a8a0 fix(compiler): fix codegen for v-for component inside template
    • 448ba65 fix(types): correct scopedSlot types (#9131)
    • 0d7fb73 chore: update sponsors/backers [ci skip]
    • e8031b4 build: release v2.5.18-beta.0
    • fe194dd build: build v2.5.18-beta.0
    • 3078352 fix(ssr): resolve server directives the same as on client (#9129)
    • aca17b4 ci: add regression test for popular libraries in Vue.js ecosystem (#8608)
    • e4b1b57 fix(ssr): adjust call stack size defer threshold

    There are 164 commits in total.

    See the full diff

    FAQ and help

    There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.


    Your Greenkeeper bot :palm_tree:

    greenkeeper 
    Reply
  • How to enable rich/enhanced format podcast with chapter lists?
    How to enable rich/enhanced format podcast with chapter lists?

    Jul 11, 2014

    The Podlove Web Player Wordpress plugin documentation doesn't make it clear to me how to enable chapters, http://wordpress.org/plugins/podlove-web-player/faq/.

    Here is a test post on my site http://www.farpastpost.com/test-podcast-player/ I'm using the shortcode [podloveaudio src="https://s3.amazonaws.com/farpastpostpodcasts/Farpastpost_Postrock_Podcasts_Ep_279.m4a" duration="01:58:58" title="Episode 279"]

    Thanks for your time.

    Reply
  • Is deep linking no longer supported?
    Is deep linking no longer supported?

    Sep 7, 2015

    I can't get deep linking to work with the standalone web player. On the website (http://podlove.org/podlove-web-player/) the link referring to deep linking has an overstrike, but the link itself is dead, so it is very unclear to me what that means.

    Is deep linking no longer supported in the web player?

    bug notmyfault 
    Reply