Podlove Player ohne Publisher

Podlove Web Player
1

Hallo zusammen,

ich versuche gerade zu verstehen wie ich den Podlove Player ohne den Publisher und ohne CDN nutzen kann. Irgendwie doch nicht so einfach :slight_smile: Gibt es eine Anleitung/Tutorial dazu?

Was ist der beste Weg, um die aktuelle stabile Version vom Player zu bekommen? Der Player wurde in Podlove UI verschoben, die Releases, die man laden kann enthalten nur die 5er Beta…

2

Hey Leonid,

der offizielle Weg ist via npm. Die 4.5.11 findest du hier: https://www.npmjs.com/package/@podlove/web-player/v/4.5.11 oder als tar hier: https://registry.npmjs.org/@podlove/web-player/-/web-player-4.5.11.tgz

Solltest du den 5er ausprobieren wollen dann ping mich einfach an :slight_smile:

1 Like
3

Danke Alexander! Über npm funktioniert‘s.

Gibt es Infos zu der Version 5?

4

Version 5 hat vor nicht allzu langer Zeit Beta Status erreicht. Ich suche immer Testimplementierer und würde mich über Feedback freuen: http://podlove-player.surge.sh/

1 Like
5

Sieht schon mal super aus! Ich würde ihn gern ausprobieren :slight_smile:

6

Nett, der neue Player lässt sich gut anpassen. Auch wenn nicht ganz einfach :slight_smile: Man muss sich schon reinfuchsen.

Was mir noch fehlt ist die Anpassung der Größe des Play-Buttons, die würde ich gern von 50px auf 30px reduzieren. Dafür müsste ich irgendwie die Info an die tokens/play-button.scss übergeben… Der Button soll auch nur in dem neuen Template klein sein.

48

7

Das ist super Feedback, ich hab mal ein Ticket angelegt, sollte in der nächsten Beta drin sein: https://github.com/podlove/podlove-ui/issues/259

1 Like
8

v5.0.1-beta.1 habe ich gestern released. Du kannst den Play Button jetzt ein “size” Attribut (in px) mitgeben :slight_smile:

9

Wie übergeben ich diese Größe? Ich habe ein neues Template angelegt: variant-xs.html. Soweit konnte ich es abspecken. Wenn ich die Größe setze, ändert sich nicht.

Aus dem Button:

<play-button class="block" size="10" background="#f00" variant="simple"></play-button>

Wird dann das kompiliert. Size wird einfach weitergegeben.
<button data-v-765de55a="" id="play-button--play" class="play-button overflow-hidden block" data-test="play-button" size="10" background="#f00">

Auch background wird einfach weitergegeben und nicht in CSS umgesetzt.

10

Die Farben bekommt der Play-Button über das Theme, kannst du mir mal nen link/das template schicken? Ich vermute das du noch die Vorgängerversion via CDN ziehst :slight_smile: