Sign In:     

Forum: German Forum

Topic: Skin Video Overlay - Anpassung
Liebe Community,

ich habe aktuell ein Skin unter Video Overlay, welches die Restlaufzeit des Masterdecks groß im Videoscreen anzeigt. Nun hätte ich noch gerne, dass unter 30s die Anzeige rot zu blinken beginnt.

Dies wäre der Inhalt der XML Datei:

<skin name="Remain Big" version="1" width="1920" height="1080" breaklineV="950" breaklineV2="970" comment="Test" author="BRM" preview="preview.png">

<font name="Arial"/>
<group name="class_defines">

<define class="covertimepanel" >
<square class="panelback"></square>
<textzone class="textcolor" action="display_time 'elapsed,remain'">
<size width="1920" height="1080"/>
<text size="500" color="#FFFFFF" align="center" weight="bold" action="get_time"/>
</textzone>
</define>

<!-- panels-->

</group>
<group name="masterdeck" x="0" y="0">
<deck deck="master">
<group name="masterdeck_action" x="0" y="0">
<stack fadein="200ms" fadeout="500ms">
<slot x="0" y="0" />
<item class="covertimepanel"></item>
</stack>
</group>
</deck>
</group>
</skin>

Ich hoffe, dass sich jemand damit auskennt.

Viele Grüße Bernd
 
Posted Tue 07 Jul 26 @ 3:02 pm
Ergänzt in deinem covertimepanel einfach zwei Textzonen:
Weiße Anzeige → sichtbar, solange Restzeit ≥ 30s
Blinkende rote Anzeige → sichtbar, wenn Restzeit < 30s

<define class="covertimepanel">
    <square class="panelback"></square>

    <!-- Normale Anzeige (weiß) -->
    <textzone>
        <size width="1920" height="1080"/>
        <text size="500" color="#FFFFFF" align="center" weight="bold" 
              action="get_time"
              condition="remain >= 30000"/>
    </textzone>

    <!-- Blinkende Anzeige (rot) -->
    <textzone>
        <size width="1920" height="1080"/>
        <text size="500" color="#FF0000" align="center" weight="bold"
              action="get_time"
              condition="remain < 30000">
            <animation type="blink" speed="400ms"/>
        </text>
    </textzone>

</define>


<skin name="Remain Big" version="1" width="1920" height="1080" breaklineV="950" breaklineV2="970" comment="Test" author="BRM" preview="preview.png">

    <font name="Arial"/>

    <group name="class_defines">

        <define class="covertimepanel">
            <square class="panelback"></square>

            <!-- Normale Anzeige (weiß) -->
            <textzone>
                <size width="1920" height="1080"/>
                <text size="500" color="#FFFFFF" align="center" weight="bold"
                      action="get_time"
                      condition="remain >= 30000"/>
            </textzone>

            <!-- Blinkende Anzeige (rot) -->
            <textzone>
                <size width="1920" height="1080"/>
                <text size="500" color="#FF0000" align="center" weight="bold"
                      action="get_time"
                      condition="remain < 30000">
                    <animation type="blink" speed="400ms"/>
                </text>
            </textzone>

        </define>

        <!-- panels -->

    </group>

    <group name="masterdeck" x="0" y="0">
        <deck deck="master">
            <group name="masterdeck_action" x="0" y="0">
                <stack fadein="200ms" fadeout="500ms">
                    <slot x="0" y="0" />
                    <item class="covertimepanel"></item>
                </stack>
            </group>
        </deck>
    </group>

</skin>
 
Perfekt. Vielen Dank für die Lösung.
 
Hallo liebe community, habe eine Frage zum Video Overlay: kann man ein eigenes erstelltes Bild in die Video Overlay einfügen? Wenn ja, wie und welche Voraussetzungen muss dieses Bild haben.
Ich habe es jetzt mal mit einem Kollegen probiert und haben die Original Datei überschrieben aber in der Overlay Vorschau zeigt er dann nur den Text an. Mit schwarzen Hintergrund nutze ich aber eine Originalvorlage nutzt er die Originalvorlage das Bild und den Originaltext aus meinem eigenen erstellten Bild.
Kann da jemand helfen?
 
Falsches Format (RGB vs. Indexed Color) oder PNG-Kompression / „Interlaced PNG“

Schritt 1: Originalbild öffnen
Öffnet die funktionierende PNG in:

Photoshop
Photopea (Browser kostenlos)

Schritt 2: Das Original Bild löschen neues Bild in dieselbe Datei einfügen
Nicht neu speichern → in die Originaldatei hinein kopieren.

Schritt 3: Exportieren mit diesen Einstellungen
Für Photoshop:
PNG‑8 oder PNG‑24
kein Farbprofil
kein Interlacing
Transparenz nur wenn Original transparent war


Schritt 4: Datei exakt gleich benennen
Beispiel: panelback.png Groß-/Kleinschreibung beachten.

Schritt 5: VirtualDJ neu starten
VirtualDJ cached Bilder → ohne Neustart lädt er oft die alte Version.