SOLVED [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?

bahnuhr

@Oli sagte in [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?:

@bahnuhr
und wo muss ich das einbinden oder hinterlegen?

pix

Hallo,

ich habe im letzten Post ja nur das Ergebnis gezeigt, nicht den Weg dahin. Wird hier nachgeholt:

Wie oben erwähnt, ändert sich der Link zur aktuellsten Version der Sendung ständig. Deshalb nutze ich dieses Skript, um den Link zeitgesteuert zu aktualisieren. Das Skript legt einen Datenpunkt "VIS.URL.Tagesschau" an. Den brauche ich später in VIS.

Neue Version vom 11.11.2018

/* VIS Tagesschau_Link
parsed die Seite https://www.tagesschau.de/100sekunden/ und sucht nach der URL zum aktuellsten Video
 02.03.2016 erstellt von pix
15.03.2016 zu Javascript Instanz 1 gewechselt
24.09.2016 umbenannt in VIS_Link_Tagesschau
11.11.2018 Skript angepasst und optimiert
*/
const fC = false; // forceCreation für createState()
const logging = false;
const instanz = 'javascript.1.';
const idURL = instanz + 'VIS.URL.Tagesschau';
// ab hier nix mehr ändern
const link = "http://www.tagesschau.de/100sekunden/";
 createState(idURL,"", fC, {
    name: "Link zu Tagesschau in 100s",
    desc: "geparster Link aus tagesschau.de",
    type: "string",
    role: "text.url"
});
 function findeURL () {   
    let request = require('request');
    let film_url;
    try {
        request(link, function (error, response, body) {
            if (!error && response.statusCode == 200) {
                // kein Fehler, Inhalt in body
                //log(body);
                // HTML Code der Webseite: Inhalt zwischen  und 
  speichern
                let text1 = "
 Wir bieten dieses Video in folgenden Formaten zum Download an:
 ",
                    text2 = "
 **Hinweis:** Falls die Videodatei beim Klicken nicht automatisch gespeichert wird, können Sie mit der rechten Maustaste klicken und 'Ziel speichern unter ...' auswählen.
 "; 
                let start = body.search(text1) + text1.length;
                let ende = body.search(text2);
                if (logging) log("Startposition: " + start);
                if (logging) log("Endposition: " + ende);
                let zwischenspeicher = ((start != -1) && (ende != -1) ) ? body.slice(start,ende) : "Fehler beim Ausschneiden";
                if (logging) log("Zwischenspeicher: " + zwischenspeicher);

                let text3 = "//download", 
                    text4 = ".websm.h264.mp4"; 
                let start2 = body.search(text3);
                let ende2 = body.search(text4);
                if (logging) log("Startposition2: " + start2);
                if (logging) log("Endposition2: " + ende2);
                let zwischenspeicher2 = ((start2 != -1) && (ende2 != -1) ) ? body.slice(start2,ende2) : "Fehler beim Ausschneiden 2";
                if (logging) log(zwischenspeicher2);
                film_url = "http:" + zwischenspeicher2 + ".webl.h264.mp4";
                setState(idURL, film_url);
                if (logging) log ("URL: " + film_url);
            } else  { // Error beim Einlesen
                log(error, 'error'); 
            }
        });   // Ende request 
    } catch (fehler) {
        log("Fehler (try): " + fehler, "error");
    }
} // Ende findeURL
 schedule("8 */1 * * *", findeURL); // jedeStunde um 8 nach voll
setTimeout(findeURL, 2000);

ALTE VERSION VON 2016

/* VIS Tagesschau_Link
parsed die Seite https://www.tagesschau.de/100sekunden/ und sucht nach der URL zum aktuellsten Video
 erstellt: 02.03.2016 von pix
15.03.2016 zu Javascript Instanz 1 gewechselt
*/
 var logging = false;
var instanz = 'javascript.1.';
 // ab hier nix mehr ändern
 createState('VIS.URL.Tagesschau','', {
    name: 'Link zu Tagesschau in 100s',
    desc: 'geparster Link aus tagesschau.de',
    type: 'string'
});
 var idURL = instanz + 'VIS.URL.Tagesschau';
 var link = 'http://www.tagesschau.de/100sekunden/';
var film_url;
 function findeURL () {   
    var optin = true;
    var request = require('request');
     if (optin) try {
        request(link, function (error, response, body) {
            if (!error && response.statusCode == 200) {
                // kein Fehler, Inhalt in body
                //log(body);
                // HTML Code der Webseite: Inhalt zwischen  und 
  speichern
                var text1 = '
 Wir bieten dieses Video in folgenden Formaten zum Download an:
 ',
                    text2 = '
 **Hinweis:** Falls die Videodatei beim Klicken nicht automatisch gespeichert wird, können Sie mit der rechten Maustaste klicken und "Ziel speichern unter ..." auswählen.
 '; 
                var start = body.search(text1) + text1.length;
                var ende = body.search(text2);
                if (logging) log('Startposition: ' + start);
                if (logging) log('Endposition: ' + ende);
                var zwischenspeicher = ((start != -1) && (ende != -1) ) ? body.slice(start,ende) : 'Fehler beim Ausschneiden';
                if (logging) log(zwischenspeicher);

                var text3 = 'http://download',
                    text4 = '.websm.h264.mp4'; 
                var start2 = body.search(text3);
                var ende2 = body.search(text4);
                if (logging) log('Startposition: ' + start2);
                if (logging) log('Endposition: ' + ende2);
                var zwischenspeicher2 = ((start2 != -1) && (ende2 != -1) ) ? body.slice(start2,ende2) : 'Fehler beim Ausschneiden';
                if (logging) log(zwischenspeicher2);
                film_url = zwischenspeicher2 + '.webl.h264.mp4';
                setState(idURL, film_url);
            } else  { // Error beim Einlesen
                log(error, 'error'); 
            }
        });   // Ende request 
    } catch (fehler) {
        log('Fehler (try): ' + fehler, 'error');
    }
} // Ende findeURL
 schedule("8 */1 * * *", findeURL); // jedeStunde um 8 nach voll
findeURL();

Jetzt muss in VIS noch ein Widget mit Dialog gebaut werden, das bei Tastendruck den Dialog öffnet, in welchem dann das Video läuft:

[{"tpl":"tplMetroTileDialogStatic","data":{"visibility-cond":"==","visibility-val":1,"hover":false,"transform":"true","bg_class":"bg-darkCyan","icon_class":"","icon_badge":"","badge_bg_class":"","brand_bg_class":"","dialog_draggable":"true","dialog_icon_class":"icon-film","gestures-offsetX":0,"gestures-offsetY":0,"name":"Tagesschau","label":"tagesschau in 100s","html":"\n<video src="\&quot;{javascript.1.VIS.URL.Tagesschau}\&quot;" width="\&quot;950\&quot;" height="\&quot;543\&quot;" \nposter="\&quot;video-standbild.jpg\&quot;" autobuffer/autoplay/\ncontrols="">\n\nSchade – hier käme ein Video, wenn Ihr \nBrowser HTML5 Unterstützung hätte, wie z.B. der \naktuelle Firefox\n\n</video>","dialog_width":"960","dialog_height":"623","dialog_title":"Tagesschau in 100s","dialog_flat":true,"dialog_shadow":true,"dialog_modal":true,"icon_src":"/vis.0/iPad/img/tagesschau100_logo_base.png","icon_height":"22","icon_width":"96","icon_top":"50","icon_left":"24","dialog_icon_src":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false},"style":{"left":"428px","top":"8px","z-index":"20"},"widgetSet":"metro"}]

Der Link zum Video ist im Widget als {Binding} hinterlegt. Die Größen sind für ein iPad Air Landscape ausgelegt.

Wenn ich Zeit habe, teste ich noch andere Sendungen von anderen Sendern.

Gruß

Pix

EDIT: Neues Skript vom 11.11.2018 im Spoiler

Oli

@bahnuhr

Danke, hab es gefunden

schittl

Hallo,

hat jemand ne Idee was ich einstellen muss, damit das Video der Tagesschau automatisch abgespielt werden kann beim Start der View. Folgendes habe ich probiert im Widget basic-html:

<video id="video" autoplay autobuffer controls width="630" height="340"> <source id="video-src" src="{javascript.0.VIS.Tagesschau.URL}" type="video/mp4"></video>

Video startet nur bei Betätigung

<video id="video" muted autoplay autobuffer controls width="630" height="340"> <source id="video-src" src="{javascript.0.VIS.Tagesschau.URL}" type="video/mp4"></video>

Video startet automatisch aber ohne Ton.

Danke & vg
Falk

Djerry

@schittl

Hello, hast du mal versucht die source nicht als separates Element im Video-Element anzugeben, sondern als "src"-Attribut im Video-Element selbst? Weil, wenn ich das Template weiter oben so anschaue, wird dies dort gemacht.

Also auf dein Beispiel angewendet:

<video id="video" src="{javascript.0.VIS.Tagesschau.URL}" autoplay autobuffer controls width="630" height="340"></video>

Wobei das "id"-Attribut vermutlich auch weggelassen werden kann.
Vielleicht hilft dir das? Kann es selbst nicht testen, da ich mit lovelace arbeite und nicht mit der normalen VIS von IoBroker.

Vielen Dank hier auch nochmal an @pix und @bahnuhr für die schönen Scripte zum ermitteln des aktuellen Tagesschau-Links

schittl

@Djerry

Funktioniert leider auch nicht. Trotzdem danke...

Goldenbaum

Hallo Zusammen,

beim einfügen des Widget kommt immer ein Syntax-Fehler, kann mir jemand das korrekte Widget hier rein kopieren. Am beaten auch nochmal das Skript dafür das sich der Link täglich ändert. Danke euch für eure Mühen

Udo_E

@bahnuhr leider kann ich das Widget nach dem Importieren nur in der Widgetliste oben finden, sehe es aber in der Visualisierung nicht. Ingendeine Idee? Muss ich evtl vorher ein zusätzliches Widgetpaket installieren welches dann als Grundlage für dieses hier dient?

bahnuhr

@Udo_E sagte in [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?:

leider kann ich das Widget nach dem Importieren nur in der Widgetliste oben finden,

versteh ich nicht!
zusätzliche widget sind meines Wissens nicht zu installieren.

Udo_E

@bahnuhr habe es herausgefunden. Ich hatte das metro style Widgets Paket nicht installiert. Ohne das geht es nicht.

bahnuhr

@Udo_E

Gut wenn es läuft.

Udo_E

Habe jetzt auch noch ein wenig an den Scripten rumgestrickt. Für diejenigen unter euch, die lieber das Video direkt auf die Vis-Seite mit einem iFrame einbinden möchten habe ich hier das veränderte Script und die Vorgehensweise:

Objekt für den Link erzeugen

//Erstellen des Objekts. Nur einmalig ausführen!!!
createState('javascript.0.Status.Tagesschau.Link_Tagesschau', '', {type: 'string',name: 'Link zu Tagesschau in 100s',desc: 'geparster Link aus tagesschau.de'});

Script erstellen

/* VIS Tagesschau_Link
parsed die Seite https://www.tagesschau.de/100sekunden/ und sucht nach der URL zum aktuellsten Video
{1}
erstellt: 02.03.2016 von pix
15.03.2016 zu Javascript Instanz 1 gewechselt (es ist immer noch oder wieder Instanz 0)
19.12.2019 Änderung für Einbettung mit iFrame von Udo_E
*/

var logging = true;
var idURL = 'javascript.0.Status.Tagesschau.Link_Tagesschau';
var link = 'http://www.tagesschau.de/100sekunden/';
var film_url;

function findeURL () {   
    var optin = true;
    var request = require('request');
    if (optin) try {
        request(link, function (error, response, body) {
            if (!error && response.statusCode == 200) {
                // kein Fehler, Inhalt in body
                //log(body);
                // HTML Code der Webseite: Inhalt zwischen text1 und text2 suchen und zwischenspeichern
                var text1 = 'Sie werden Bestandteil der Nutzungsbefugnis, wenn der Nutzer den geänderten AGB zustimmt.',
                    text2 = 'Zum einbetten einfach den HTML-Code kopieren und auf ihrer Seite einfügen.'; 
                var start = body.search(text1) + text1.length;
                var ende = body.search(text2);
                if (logging) log('Startposition: ' + start);
                if (logging) log('Endposition: ' + ende);
                var zwischenspeicher = ((start != -1) && (ende != -1) ) ? body.slice(start,ende) : 'Fehler beim Ausschneiden';
                if (logging) log(zwischenspeicher);
                // Zwischenspeicher: Inhalt ab Beginn von text3 bis Ende von text4 suchen und erneut zwischenspeichern
                var text3 = 'https',     
                    text4 = '.html'; 
                var start2 = zwischenspeicher.search(text3);
                var ende2 = zwischenspeicher.search(text4) + text4.length;
                if (logging) log('Startposition: ' + start2);
                if (logging) log('Endposition: ' + ende2);
                var zwischenspeicher2 = ((start2 != -1) && (ende2 != -1) ) ? zwischenspeicher.slice(start2,ende2) : 'Fehler beim Ausschneiden';
                if (logging) log(zwischenspeicher2);
                film_url = zwischenspeicher2 ;
                //Wert in Objekt schreiben
                setState(idURL, film_url);
            } else  { // Error beim Einlesen
                log(error, 'error'); 
            }
        });   // Ende request 
    } catch (fehler) {
        log('Fehler (try): ' + fehler, 'error');
    }
} // Ende findeURL

schedule("8 */1 * * *", findeURL); // jedeStunde um 8 nach voll
findeURL();

Binding von Quelle des iFrame mit Objekt
Von der Fehlermeldung im Edit vis nicht irritieren lassen!

Es funktioniert trotzdem.

schittl

@Udo_E
Startet das Video in deiner Variante auch automatisch oder muss man ebenfalls den Play-Button interaktiv betätigen?

Udo_E

@schittl
Man muss den Play-Button unten links in der Ecke schon aktiv "drücken" damit das Video startet. Der iFrame liegt bei mir auf der Hauptansicht am Wandpanel. Wäre doof, wenn das Video in einer Schleife durchdudelt. Aber so kann ich beim Vorbeigehen schon sehen, ob ein neues Video da ist ohne dass ich irgendwas drücken muss.

bahnuhr

Bei startet das Video automatisch.
Und nur 1x; also keine Endlosschleife.

schittl

@bahnuhr Mit der iFrame Variante? Welchen Browser nutzt Du? Mit dem Script zur URL + iFrame und Chrome funktioniert es bei mir leider auch nicht

bahnuhr

@schittl
win7 laptop und chrome

Auf dem tablet ist es aber auch so.

Udo_E

@bahnuhr @schittl
ich habe ein Notebook mit Win10 und Firefox, ein iPad mit Safari, ein FireTab mit Silk und mein Smartphone getestet. Nirgendwo läuft bei meiner Variante das Video von selbst.
Bei deiner Variante, bahnuhr, muss ich ja aber auch erstmal selbst das Icon anklicken damit das Video eingeblendet wird und ich merke erst nach dem Anklicken, ob es was neues gibt oder nicht.
Da das Video auf meinem Wandpanel aber immer eine Ebene hinter dem Vollbild eingeblendet wurde, hatte ich nur Ton. Daher hab ich mich für die iFrame Variante entschieden.

Termina

@Udo_E

Super Lösung! Ich habe allerdings folgendes Problem:

Datenpunkt einmalig über Dein Skript angelegt. Zweites Script ausgeführt - er schreibt den aktuellen link in den Datenpunkt! Bis hierhin perfekt.

Wenn ich nun im VIS-Editor das Iframe-Widget nehme und das Binding entsprechend Deiner Vorlage nehme, dann erscheint im VIS-Editor folgendes, was wohl auch richtig ist:

Starte ich nun aber mein VIS erscheint leider nicht das Video, sondern folgendes:

Habt ihr einen Tipp, woran das liegen kann?

bahnuhr

@Termina sagte in [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?:

Iframe-Widget

Wieso iframe ???

Warum nimmst du nicht das Widget was pix oben geschrieben hat !

Termina

@bahnuhr

Meinst Du das Metro Widget? Da hatte ich in der Vergangenheit mal Probleme mit anderen Adaptern, daher hatte ich das damals wieder entfernt. Dazu gibt es keine Alternative?

NEWS

SOLVED [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?

Support us

893
Online

31.7k
Users

79.8k
Topics

1.3m
Posts

NEWS

SOLVED [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?

Support us

893Online

31.7kUsers

79.8kTopics

1.3mPosts

893
Online

31.7k
Users

79.8k
Topics

1.3m
Posts