Der neue Monatsrückblick für Mai und Juni 2026 ist online!

[icebear]

@sigi234 sagte:

Da bin ich gerade dabei

Edit:
Einige probiert der DP ist nicht dazu fähig.

Funktioniert es denn jetzt bei dir mit Vis-2 ? Und welches Widget bzw. welche Widgets hast du genommen um das EPG darzustellen?

[sigi234]

@icebear sagte:

@sigi234 sagte:

Da bin ich gerade dabei

Edit:
Einige probiert der DP ist nicht dazu fähig.

Funktioniert es denn jetzt bei dir mit Vis-2 ? Und welches Widget bzw. welche Widgets hast du genommen um das EPG darzustellen?

Nein, bin wieder zum TV Adapter zurück gegangen.

[icebear]

@sigi234 sagte:

Nein, bin wieder zum TV Adapter zurück gegangen.

Danke für die Info, dann brauch ich es ja garnicht versuchen, da ich mich mittlerweile konsequent von VIS-1 und allen Widget's die nicht VIS-2 kompatibel sind getrennt habe.
Info dazu: Seit dem läuft mein System wesentlich stabiler und schneller als vorher wo ich beide parallel laufen hatte.

Schade wäre eine sinnvolle Ergänzung zu meinem bestehenden TV Programm gewesen.

[Ro75]

Zur Darstellung ist ein json widget notwendig.

Ro75.

[bahnuhr]

@Ro75
Hallo,
bekommt man die Senderlogos in Spalte 1 irgendwie kleiner.
Habe schon mal transform:scale(0.6) oder nur scale)0.6) probiert.
Auch verschiedene json widgets.

Aber klappt nicht.

haste eine Idee ?

[Ro75]

Suche danach:

            result.push({sender_icon_url: `<img style="max-width:80px; max-height:80px;

ändere max-width:80px; max-height:80px in z.B 60 ab. Hinweis. Da gibt es mehr als eine Stelle.

Ro75.

[bahnuhr]

@Ro75
Danke.
Hätte ich auch selber drauf kommen können ;-)

[icebear]

@Ro75 sagte:

Zur Darstellung ist ein json widget notwendig.

Ok. Ich habs jetzt doch mal zum testen installiert, und mit dem vis-inventwo-design 'Tabellen Widget bekomme ich auch das epg angezeigt.

Hab dann von Hand mit Notepad die 0_userdata.0.epg.sender_edit_list bearbeitet und das Ergebnis ist:

Sieht ja schomal ganz gut aus.

Jetzt, könntest du mal beschreiben, wie du diese Leiste unten zusammengebaut hast, also welcher DP für welches Widget ist:

Ich werde dann versuchen das nur mit VIS-2 Widgets nachzubauen.

Irgendwie fehlt mir da auch die Funktion, wie kann ich z.B. so springen das angezeigt wird was um 20:15 läuft, oder um 22:00

Für input wäre ich dankbar.

[Ro75]

Alle Häckenfilter (z.B. Favoriten) sind die Datenpunkte beginnend mit "filter_"Fettschrift Vom Wert her true oder false. Ich habe es mit materialdesign (VIS 1 - 0.5.94) gelöst.

"Was läuft gerade jetzt" ist das Datenpunkt "broadcast_mode". Da kommt als Wert "all" rein. Das sollte mit einem Button möglich sein.

Der Bereich mit den Auswahlfelder ("alle Sender" und "Favoriten") zeigt alle Sendungen zu dem gewählten Sender an. Also alle Sendungen von JETZT an. Die Datenpunkte sind selected_channel bzw. selected_channel_favorite. Diese kannst du mit einem Auswahl-/Selektfeld steuern oder die hast pro Sender einen Button der die entsprechende ID da einträgt. Beispiel die 20 und dann bekommst du alles von "Das Erste". Wenn du danach wieder zur Liveansiocht willst, siehe weiter oben "Was läuft gerade jetzt".

@icebear sagte:

Irgendwie fehlt mir da auch die Funktion, wie kann ich z.B. so springen das angezeigt wird was um 20:15 läuft, oder um 22:00

ANTWORT: siehe darüber Auswahlfelder

Ro75.

[icebear]

Ok, für alle die für VIS-2 weiter mit testen wollen, hier schonmal ein Teilerfolg.

Ich hab mir ein Hilfsdatenpunkt gemacht '0_userdata.0.Test.TV_Sender_Auswahl' und ein Script erstellt, welches aus der gesamten json '0_userdata.0.epg.sender_json' eine Werte-Liste in dem Hilfsdatenpunkt erstellt.

TypeScript:

// 1. Typ-Definition für die JSON-Struktur
interface TvSender {
    id: string;
    name: string;
    internal_id: number;
}

// 2. Datenpunkt-Pfade definieren
const sourceDpId: string = '0_userdata.0.epg.sender_json';
const targetDpId: string = '0_userdata.0.TV_Sender_Auswahl';

// 3. Hauptfunktion zur Konvertierung und Aktualisierung
function updateDropdown(): void {
    // Prüfen, ob der Quell-Datenpunkt überhaupt existiert
    if (!existsState(sourceDpId)) {
        log(`Quell-Datenpunkt ${sourceDpId} existiert (noch) nicht!`, 'warn');
        return;
    }

    // Wert auslesen
    const jsonState = getState(sourceDpId);
    if (!jsonState || !jsonState.val || jsonState.val === '') {
        log(`Quell-Datenpunkt ${sourceDpId} ist leer.`, 'warn');
        return;
    }

    try {
        // JSON-String in ein echtes Array parsen
        const senderListe: TvSender[] = JSON.parse(jsonState.val as string);
        
        // Objekt für die VIS-Dropdown-Zuweisung erstellen
        const dropdownStates: Record<number, string> = {};

        senderListe.forEach((sender: TvSender) => {
            // WICHTIG: internal_id wird hier als Key gesetzt. 
            // Das ist der Wert, den das Widget später in den Datenpunkt schreibt.
            dropdownStates[sender.internal_id] = sender.name;
        });

        // Ziel-Datenpunkt sicherstellen (Standardwert 0, da Typ jetzt 'number' ist)
        createState(targetDpId, 0, {
            name: 'TV Sender Auswahlliste',
            desc: 'Dynamisch generiertes Dropdown aus epg.sender_json',
            type: 'number', // Geändert auf number, da die IDs Zahlen sind
            role: 'value',
            read: true,
            write: true
        }, () => {
            // Eigenschaften des Objekts überschreiben/aktualisieren
            extendObject(targetDpId, {
                common: {
                    type: 'number', // Typ im bestehenden Objekt auf 'number' erzwingen
                    states: dropdownStates
                }
            }, (err) => {
                if (err) {
                    log(`Fehler beim Aktualisieren der Dropdown-Liste: ${err}`, 'error');
                } else {
                    log(`Dropdown-Liste in ${targetDpId} erfolgreich aktualisiert! (${Object.keys(dropdownStates).length} Sender eingetragen).`);
                }
            });
        });

    } catch (e) {
        log(`Fehler beim Parsen des JSON aus ${sourceDpId}: ${e}`, 'error');
    }
}

// =============================================================================
// LOGIK-TRIGGER
// =============================================================================

// A. Beim Start des Skripts die Liste einmalig aufbauen
updateDropdown();

// B. Automatisch triggern, sobald sich das JSON im EPG-Datenpunkt ändert
on({ id: sourceDpId, change: 'ne' }, () => {
    log(`Änderung in ${sourceDpId} erkannt. Aktualisiere Dropdown...`);
    updateDropdown();
});

Dann in VIS-2 aus der Widget-Sammlung das (Auswahl, Boolscherwert,Zahl, Zeichenkette) Widget genommen und bei OID = 0_userdata.0.Test.TV_Sender_Auswahl und bei Steuer-ID = 0_userdata.0.epg.selected_channel eintragen, dann wird das EPG nach der Auswahl gefiltert.

[metaxa]

Hallo und Respekt für dieses Script und die Aufbereitung.

Bin schon recht weit mit der Implemtierung, habe leider einen sehr kleinen Screen, da will etliches angepaßt werden. Nachdem ich in AT wohne, würden mich natürlich zusätzlich auch eine Handvoll AT-Sender interessieren.

Benötige ich dafür eine 2. Instanz?

Auf der Seite https://iptv-epg.org/guides gibt es auch die AT Senderliste, über den Reiter "Combine" könnte man Senderlisten kombinieren. Hat das schon jemand versucht, bzw. weiß iwer ob bei der dafür notwendigen Regisitrierung Kosten entstehen?

LG & Danke
mxa

[icebear]

Ich habe das ganze jetzt mal für VIS-2 kompatibel hinbekommen.
Es werden Widgets vom vis-inventwo desgin Adapter und vom Widget Sammlung Adapter ( siehe 2 Posts oben drüber) benötigt.

Für das List-Widget (Auswahl, Boolscherwert,Zahl, Zeichenkette) aus dem Adapter Widget Sammlung wird zusätzlich der Hilfsdatenpunkt z.B 0_userdata.0.Test.TV_Sender_Auswahl benötigt. Den muß man im Script (TypeScript -> siehe zwei Posts drüber) den Pfad anpassen (const targetDpId: string = '0_userdata.0.TV_Sender_Auswahl';)

Hier die Seite aus der VIS-2:

epg-Vis2.txt

Für das PopUp Window zum editieren beim Klick auf den Button 'Details' wird ein weiteres Script (TypeScript) benötigt, diese legt zwei neue DP unter '0_userdata.0.epg.edit' an, einmal '0_userdata.0.epg.edit.btn_down' und einmal '0_userdata.0.epg.edit.btn_up' .

Im PopUp Window werden damit die zwei Button +Plus und -Minus gesteuert.

Hier das TypeScript:

const dpTarget = '0_userdata.0.epg.edit.order';
const dpBtnUp  = '0_userdata.0.epg.edit.btn_up';
const dpBtnDown = '0_userdata.0.epg.edit.btn_down';

// Trigger-Datenpunkte automatisch anlegen
createState(dpBtnUp, false, { 
    type: 'boolean', 
    role: 'button', 
    name: 'EPG Order Erhöhen', 
    read: false, 
    write: true,
    def: false
});

createState(dpBtnDown, false, { 
    type: 'boolean', 
    role: 'button', 
    name: 'EPG Order Verringern', 
    read: false, 
    write: true,
    def: false
});

// Listener für Erhöhen (+)
on({ id: dpBtnUp, change: 'any', val: true }, async () => {
    const currentState = await getStateAsync(dpTarget);
    if (currentState && typeof currentState.val === 'number') {
        await setStateAsync(dpTarget, currentState.val + 1, true);
    } else {
        // Fallback, falls der Wert leer oder kein Number ist
        await setStateAsync(dpTarget, 1, true);
    }
});

// Listener für Verringern (-)
on({ id: dpBtnDown, change: 'any', val: true }, async () => {
    const currentState = await getStateAsync(dpTarget);
    
    if (currentState && typeof currentState.val === 'number') {
        // Zieht 1 ab, nimmt aber mindestens die 1 (verhindert 0 oder Minuswerte)
        const newValue = Math.max(1, currentState.val - 1);
        await setStateAsync(dpTarget, newValue, true);
    } else {
        // Fallback, falls der Ursprungswert leer oder fehlerhaft war
        await setStateAsync(dpTarget, 1, true);
    }
});

Und das PopUp Widget:

epgPopUp-Vis2.txt

Bei mir funktioniert das soweit.