Podlove Web Player

Podlove Web Player is a HTML5 based web player for audio and video media files that is optimized and extended for the specific needs of podcasters. This player will be the integrated player for the Podlove Podcast Publisher but can be used independent from it.

The Podlove Web Player is based on Mediaelement.js. In the future, the player wants to implement the following features:

  • Dedicated Player for podcast episodes
  • Display of podcast logos, shows and episode titles (not yet implemented)
  • Display of chapter marks with random access playback of chapters
  • Semantic show notes integrated into the player as outline
  • Flash fallback for Internet Explorer and other dinosaurs, but limited to provide just the basic features. New features will be available on HTML5 only.
  • Support for deep linking to chapters and other random parts
  • Embeddable player that puts episodes in other blogs
  • Possible Integration of Flattr

Installation

The player is available in an early version as a ready-to-use WordPress plugin.

http://wordpress.org/extend/plugins/podlove-web-player/

Development

Development of the plugin is an open process. The current version is available on github:

https://github.com/podlove/podlove-web-player

Feel free to contribute and to fix errors or send improvements via github.

Support

If you encounter a specific problem using the Podlove Web Player that you think is a bug, please consider submitting the problem here:

https://github.com/podlove/podlove-web-player/issues

52 thoughts on “Podlove Web Player

  1. Pingback: Podlove | Metaebene Personal Media

    • Genau meine Meinung! Absolut super! Die Probleme die ich hatte wurden vom nächsten Bugfix der extrem schnell verfügbar war, beseitigt! Superbes Plugin!

  2. Sehr hübsch. Das einzige was noch fehlt wäre ein Button um den Player im neuen Fenster zu öffnen, damit man im selben Tab weitersurfen kann ohne, dass das Playback abbricht, auch wenn es etwas Web 1.0 ist. Ansonsten find ich den Player wirklich sehr gelungen.

  3. Looks pretty nice. The only thing I would suggest you to add, is a button to open the player in a new window, to allow the user to continue surfing on the website tab without interrupting his playback. Other than this minor issue the player is very well done. Good job Gerrit!

    P.S.: Sorry for my comment in german, I got distracted by the previous one. :)

  4. Bei den Einstellungen zum Player erhalte ich im WP-Backend eine Fehlermeldung “Du hast nicht die erforderlichen Rechte, um auf diese Seite zuzugreifen.” – Warum?

  5. Pingback: Podlove Web Player 1.2 | Podlove

  6. Pingback: Land in Sicht | Metaebene Personal Media

  7. Pingback: JC015 – Podcaster | Jobscast

  8. Pingback: VQ10 Geektalk.ch / Die Landfunker |

  9. Pingback: Podlove Crowdfunding | Metaebene Personal Media

  10. Hallo,

    so oft ich mit Playern im Web zu tun habe, meist bei YT, fehlt die Möglichkeit, eine Spanne zwischen zwei Time Codes abzuspielen – am Besten noch als Loop.

    Beispiel: (t1 = 01:05:30; t2 = 01:05:40; PlayLoop = true;)

    Grund: Oft verstehe ich Passagen akkustisch erst nach mehrmaligen anhören, besonder dann, wenn sie in Englisch sind. Während man mit der Maus nur grob zurückklicken kann, ist das bei Touch-Bediennung noch viel gröber.

    Vielleicht findet diese Feature noch jemand nützlich, wenn es nicht gar schon existiert.

    mfg klink

  11. Pingback: Встроить флеш-плейер для проигрывания звука (музыки) в mp3 формате на страницу сайта на Wordpress | Ергин Григорий

  12. Pingback: NSFW063 Pontifex Interruptus | Not Safe For Work

  13. Hallo :) Habe heute mal versucht auf die 2.0 zu updaten und bekomme von WordPress folgenden Fehler:

    Parse error: syntax error, unexpected T_FUNCTION in /wp-content/plugins/podlove-web-player/settings.php on line 43

    Kann es sein, dass Ihr jetzt PHP 5!? benutzt, dass unterstützt mein billig Hoster nicht… :/

    • Unter PHP 5.3 sollte man sich nicht auf die digitale Strasse trauen. Wir erfordern es zwar noch nicht, werden das aber vielleicht bald tun.

      Fix für den Bug kommt in der 2.0.1. Aber ich würde Dir raten den Hoster zu verlassen. PHP 5.2 ist von 2006 und wird seit zwei Jahren nicht mehr supported.

  14. Love the player with the big round play button! Looking forward to implementing chapters. I think the younger generation understand that they should click on it to start play, but I’m wondering if older gen knows that, because we are getting some questions “how do you play the audio”?

    I would like to try and make the link on the TITLE of the recording to also execute the play action. How would I do that?

    Also a reference how to integrate the play action with analytics would be wonderfully appreciated. Thank you! Vielen Dank!

    • Good suggestions. We are going to reevaluate the behavior. Analytics are not top on our list but we’ll get to that once the main work is done. Thanks for the feedback.

  15. Pingback: Vier Monate Keinehosensonntag: Zwerge auf den Schultern von Riesen - Keinehosensonntag

  16. Die Funktionalitäten des Players sind wirklich toll, insbesondere die Kapitel, nur habe ich das Problem, dass bei mir die Kapitel nicht wirklich angenommen werden. Beim Klick auf ein Kapitel springt der Player kurz an die Stelle und spielt dann 2 Sekunden vor der vorigen weiter.
    Gibt es spezielle Voraussetzunge für das Funktionieren?
    Danke vorab :-)

  17. Hi,

    thank you so much for putting all that work in this great player. It works very well on my wordpress-based blog.

    Is there a way to integrate the player also in a website that is based on drupal and that can be understood by people like me who are no real experts in anything that concerns the technical background of drupal? So I could also use it in my other website.

  18. Gibt es die Möglichkeit ohne github-account einen Bugreport zu schreiben.

    Einfach mal kurz hier: Wenn man mit rekonq eine Seite mit podlove-player Widget anschaut, wird anscheindend jede Menge Audiomaterial runtergeladen, ohne dass man den Playbutton gedrückt hätte.

    rekonq 2.3.0, KDE 4.10.2, Ubuntu 13.04

  19. Pingback: Auphonic Blog: Chapter Marks for MP3, MP4 Audio and Vorbis Comment (Enhanced Podcasts)

  20. Pingback: Der Podloveplayer und das ganze Drumherum … | Codename "Outcast"

  21. Wahrscheinlich ist diese Frage nicht PWP-spezifisch, trotzdem hoffe ich hier auf eine Antwort:

    Ich würde gern einen Audioplayer auf meiner Seite haben, der keine vorher bestimmte Audiodatei abspielt, sondern die gewünschte Quelle beim Seitenaufruf als Variable übergeben bekommt. Geht das irgendwie?

    LG, Alex

  22. Pingback: Probleme und Chancen der Podcasting-Szene in Deutschland | Roland.

  23. Hallo zusammen,

    ich bekomme den Player gar nicht erst zum Laufen :(
    Oder anders herum: welchen Shortcode oder Code muss ich mitangeben damit mein .mov Video im Podlove Wevplayer abgespielt wird?

    Habe WordPress 3.6.1. und die Videos wurden bisher im Shadowbox Fenster abgespielt.

    Kann jemand helfen?

    Würde mich sehr freuen!
    Monade

  24. Pingback: Podcasts: Sind Kapitelmarken und Webplayer wirklich wichtig? | Post von Roland

  25. Hallo,

    erst mal eine dickes Lob an euch, super Sache das Projekt.

    Allerdings habe ich das Problem das ich meine Screencast zwar mit Safari in M4V abspielen kann und in Firefox mit OGV zum laufen bringe, allerdings finde ich keine Format welches der IE ohne Kompatibilität Modus abspielt.

    Vielleicht habt ihr einen Tip für mich.

    Gruß

    Markus

  26. Hallo,

    einer unserer Psychotalk-Hörer hat das Problem, dass der Webplayer bei einer Sendung mit fast 3 Stunden nur 5 Minuten abspielt und das auch als die gesamte Datei ansieht. Problem reproduzierbar unter verschiedenen Betriebssystemen und Browsern, bei mir selbst auch unter Windows mit Firefox. Die Datei ist in Ordnung, und unter MacOS läuft auch alles brav.

    Hier der Kommentarverkehr mit mehr Details: http://www.psycho-talk.de/2012/06/16/psyt002-bandbreitenminderbemittelte/#comment-2150

    Problem bekannt?

  27. Gibt es irgendwo eine Dokumentation der JavaScript API? Also wie würde ich z.B. auf http://cre.fm/cre205-wikidata per JavaScript play/pause/seeking ausführen? Wie kann ich events registrieren (z.B. um herauszufinden, dass der Abspielstatus sich von paused auf playing oder stopped geändert hat)? Und wie kann ich per JavaScript die Metainformationen (hauptsächlich Titel) herausfinden?

    DANKE!

  28. Pingback: MSP009 auphonic | mur.strom

  29. Gibt es eigentlich für technisch nicht sehr versierte Menschen eine Möglichkeit, das Bild im webplayer einfach für jede Folge zu verändern? Im Prinzip haben wir 3 Formate und hätten gerne, dass sich jeweils im webplayer widerspiegelt, was man gerade hört?
    Danke vorab, ohne euch wäre unser podcasting so nicht möglich.

  30. Pingback: Podcasttechnik | Maschinenraum Podcast

  31. Hallo Podlover,
    neulich hörte ich etwas mit dem Podlove Webplayer und habe accidentally meinen Browser geschlossen und als ich ihn wieder öffnete, sprang der Player genau an die Stelle wo ich war. Ich weiss nicht genau wann ihr dieses Feature eingebaut habt, aber das fande ich so geil, dass ich euch dafür unbedingt noch einmal loben wollte. Ihr seid geil!!1! Eure Detail-Verliebtheit is vorbildlich und macht mich glücklich. Hätte ich Geld würde ich euch welches spenden.

    danke für alles!

  32. Hallo,

    seit rund einem Jahr arbeiten wir bei Freifunk mit unserer sogenannten Freifunk-API, mit der Communities dezentral Informationen zur Verfügung stellen können. Einige Communities betreiben eigene Podcasts und wir können diese zu einem gemeinsamen Podcastfeed aggregieren.

    Kann man dem Podlove Web Player diesen Feed hinlegen und er baut daraus im WordPress eine schöne Podcastseite, die neuesten Folgen immer oben?
    Oder müsste eine Seite die Links zu den Podcasts persistent gespeichert haben, damit sie über Enclosures gefunden werden können?

    Ich freue mich auf eure Hilfe ;-)

    Drahtlose Grüße

    Andi

    • Das ist mit dem Publisher so nicht möglich und die Aggregation mehrerer Podcasts in einen Feed ist auch aus technischen Gründen problematisch.

      Aber natürlich kann man den Web Player theoretisch mit einem entsprechenden Aggrgator koppeln und das machen.

  33. Pingback: Theme-Übernahme, Zukunft, Reviews... WordPress Linktipps > News, WordPress > Blogprojekt

Add Comment Register

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>