Vorschaubild für Videos

Axel Hempelt

Hallo zusammen,

ich würde gern zu Videos mp4, welche im fileadmin abgelegt sind, ein Vorschaubild anzeigen. Erst nach Kick soll dann das Video in einer Slideshow abgespielt werden. Soweit das Klick und Slideshow klappt schon mal ;-)

Ich möchte gern für jedes Video ein eigenes Vorschaubild anzeigen lassen.
Ob es TYPO3 das Vorschaubild selbst erzeugt oder ich es manuell im filedamin ablege ist dabei egal.

Ich habe schon mal folgende Anleitung von jweiland umgesetzt, das klappt soweit schon mal.
https://jweiland.net/typo3-cms/beispiele-anleitungen-faq/allgemeines/vorschaubild-fuer-videos-einbinden.html
Ergebnis: Er nimmt den Dateinamen des Videos und hängt die endung .jpg daran.

Jetzt müsste ich noch das Bild mir genau diesem Dateinamen hochladen, eigentlich fertig. ... aber

Wenn es dieses Bild nicht gibt, bekomme ich berechtigterweise eine Fehlermeldung im FE.

Wie kann ich nun noch prüfen, ob es dieses Bild auch gibt (if file_exist). Falls ja, lade dieses, falls nein nimm ein Dummy.

Kann dazu wer von euch was sagen bzw. hat einen Lösungansatz. VHS möchte ich nicht nutzen, da ich es bisher auch nicht gebraucht habe und es der einzige Einsatz wäre.

Danke und VG
Axel

Eric Harrer

Axel Hempelt Ich mache das per eigenem File.ExistsViewHelper:

<?php

namespace Vendorname\Packagename\ViewHelpers\File;

use Closure;
use TYPO3Fluid\Fluid\Core\Rendering\RenderingContextInterface;
use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
use TYPO3Fluid\Fluid\Core\ViewHelper\Traits\CompileWithRenderStatic;

class ExistsViewHelper extends AbstractViewHelper
{
    use CompileWithRenderStatic;

    /**
     * Check if given file is a regular file
     *
     * @param array $arguments
     * @param Closure $renderChildrenClosure
     * @param RenderingContextInterface $renderingContext
     *
     * @return bool
     */
    public static function renderStatic(
        array $arguments,
        Closure $renderChildrenClosure,
        RenderingContextInterface $renderingContext
    ): bool {
        $file = $arguments['file'];
        // If file path starts with a slash, remove it
        if (strpos($file, '/') === 0) {
            $file = substr($file, 1);
        }
        $result = false;
        if (file_exists($file) && is_file($file)) {
            $result = true;
        }
        return $result;
    }

    /**
     * @return void
     */
    public function initializeArguments(): void
    {
        parent::initializeArguments();
        $this->registerArgument('file', 'string', 'Absolute path', true);
    }
}

EDIT: Der Fall, dass der Dateipfad mit einem / beginnt wurde in o.g. Code ergänzt (siehe Diskussion weiter unten)

und in Fluid dann:

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:myvh="http://typo3.org/ns/Vendorname/Packagename/ViewHelpers" data-namespace-typo3-fluid="true">
<myvh:splitFileRef file="{file}">
    <f:variable name="poster">{fileParts.path}{fileParts.filebody}.jpg</f:variable>
</myvh:splitFileRef>
<f:if condition="{myvh:file.exists(file: poster)}">
    <f:then>
        <f:media
            class="video-embed-item"
            file="{file}"
            width="{dimensions.width}"
            height="{dimensions.height}"
            alt="{file.alternative}"
            title="{file.title}"
            additionalConfig="{settings.media.additionalConfig}"
            additionalAttributes="{poster: poster}"
        />
    </f:then>
    <f:else>
        <f:media
            class="video-embed-item"
            file="{file}"
            width="{dimensions.width}"
            height="{dimensions.height}"
            alt="{file.alternative}"
            title="{file.title}"
            additionalConfig="{settings.media.additionalConfig}"
        />
    </f:else>
</f:if>
</html>

Axel Hempelt

Super Danke Eric, werde ich gleich mal testen und gebe noch einmal Bescheid :-)

Axel Hempelt

Hi Eric, ich denke ich habs ... fast.

ich habe die SplitFileRef ViewHelper von jweiland eingebunden
https://github.com/jweiland-net/jwtools2/blob/main/Classes/ViewHelpers/SplitFileRefViewHelper.php

Zudem Deinen File.ExistsViewHelper

Mein Fluid sieht wie folgt aus:

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      xmlns:fiz="http://typo3.org/ns/FIZsoft/FizGalerie/ViewHelpers"
      data-namespace-typo3-fluid="true">
<f:spaceless>
    <f:section name="Default">
        <fiz:splitFileRef file="{item}">
            <f:variable name="poster">{fileParts.path}{fileParts.filebody}.jpg</f:variable>
        </fiz:splitFileRef>

        <f:debug>{poster}</f:debug>
        1: {f:uri.image(src: '{poster}')}

        <f:if condition="{fiz:file.exists(file: poster)}">
            <f:then>
                2: <f:image src="{poster}" width="200"/>
            </f:then>
            <f:else>
                3: file not exists
            </f:else>
        </f:if>
        <br>4: Bild existiert aber doch: <f:image src="{poster}" width="200"/>

{fiz:file.exists(file: poster)} gibt aber FALSE zurück. Was Position 4 eigentlich widerlegt. Ich komm nicht drauf ...

Ergänzung:

<f:if condition="{fiz:file.exists(file: 'fileadmin/fizsoft/stuff/wildkamera/2022/2022-11-21_19_10_12_vd_00002.jpg')}">

ergibt TRUE

<f:if condition="{fiz:file.exists(file: '/fileadmin/fizsoft/stuff/wildkamera/2022/2022-11-21_19_10_12_vd_00002.jpg')}">

ergibt FALSE (führender Slash)

Eric Harrer

Seltsam die URL der Datei, die im SplitFileRefViewhelper genutzt wird hat bei mir garkeinen beginnenden Slash

<f:debug>{file.publicUrl}</f:debug>

ergibt bei mir:

bzw. wenn ich direkt im SplitFileRefViewhelper {fileParts} ausgeben lasse, dann erhalte ich:

Axel Hempelt

Eric Harrer

Könnte evtl. Mit dem routeEnhancers. PageTypeSuffix.default zusammenhängen?

Der steht bei mir auf /

Kann ich morgen mal testen.
Aber schon mal gut, dass bei dir kein slash am Anfang steht.

Eric Harrer

Ah, das wird der Grund sein. Das steht bei mir auf CustomPageType 😅

Mit folgendem Zusatz im File.ExistsViewHelper sollte es aber klappen:

// If file path starts with a slash, remove it
if (strpos($file, '/') === 0) {
    $file = substr($file, 1);
}

das hier einfügen direkt vor der Zeile if (file_exists($file) && is_file($file)) { 😉

Axel Hempelt

Ja, genau das hat geholfen. Besten Dank Eric!

@Eric Harrer kannst Du bitte mal noch in Deinem ersten Post in diesem Beitrag den Teil im File.ExistsViewHelper ergänzen.

Zudem noch zwei Infos für andere Interessierte am Thema, worüber ich als Integrator noch gestolpert bin und erstmal recherchieren musste.

File.ExistsViewHelper bedeutet, das die Datei ExistsViewHelper im Verzeichnis MyExtTName/Classes/ViewHelpers/File/ExistsViewHelper liegen muss
In dem Beispiel Code Fluid basiert der Fluid-Helper myvh:splitFileRef auf dem SplitFileRefViewHelper aus der EXT jweiland-net/jwtools2
https://github.com/jweiland-net/jwtools2/blob/main/Classes/ViewHelpers/SplitFileRefViewHelper.php
Entweder instaliert ihr diese EXT bei Euch oder alternativ, ich habe mir diesen einen ViewHelper in mein Projekt kopiert

Eric Harrer

Axel Hempelt @Eric Harrer kannst Du bitte mal noch in Deinem ersten Post in diesem Beitrag den Teil im File.ExistsViewHelper ergänzen.

erledigt 😉

Axel Hempelt File.ExistsViewHelper bedeutet, das die Datei ExistsViewHelper im Verzeichnis MyExtTName/Classes/ViewHelpers/File/ExistsViewHelper liegen muss

korrekt. Natürlich muss der Namespace des ViewHelpers im Unterverzeichnis auch entsprechend angepasst werden. Die Punkt-Trennung in Fluid entspricht dann den Verzeichnissen unterhalb des ViewHelpers-Verzeichnisses (sofern dieses direkt im XML-Namespace Attribut xmlns genannt wurde).

Axel Hempelt In dem Beispiel Code Fluid basiert der Fluid-Helper myvh:splitFileRef auf dem SplitFileRefViewHelper aus der EXT jweiland-net/jwtools2

Ja, genau. Das hatte ich nichtmehr explizit erwähnt. Ich hatte selbst nicht die ganze jwtools2 installieren wollen und hatte deshalb eine Kopie in meinem eigenen Sitepackage abgelegt.

Unterstütze das Forum

Hilf mit, den Community Hub für TYPO3 werbefrei zu halten und die Betriebskosten zu decken. Werde Official Community Hub Supporter für nur 5 Euro im Monat (zzgl. USt) und erhalte ein exklusives Supporter-Badge. Jeder Beitrag zählt!

Jetzt Supporter werden

Impressum - Datenschutz - Kontakt - Netiquette - RSS