Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. [gelöst]Frage: Wer hat die "Tagesschau in 100s" eingebunden?

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • bahnuhr
      bahnuhr Forum Testing Most Active @Oli last edited by

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

      @bahnuhr
      und wo muss ich das einbinden oder hinterlegen?

      dd69deb6-b7da-4862-89df-be3349688728-image.png

      O 1 Reply Last reply Reply Quote 1
      • P
        pix last edited by Jey Cee

        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

        1 Reply Last reply Reply Quote 1
        • O
          Oli @bahnuhr last edited by

          @bahnuhr

          Danke, hab es gefunden

          1 Reply Last reply Reply Quote 0
          • S
            schittl last edited by

            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

            D 1 Reply Last reply Reply Quote 0
            • D
              Djerry @schittl last edited by

              @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 🙂

              S 1 Reply Last reply Reply Quote 1
              • S
                schittl @Djerry last edited by

                @Djerry

                Funktioniert leider auch nicht. Trotzdem danke...

                1 Reply Last reply Reply Quote 0
                • G
                  Goldenbaum last edited by

                  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

                  1 Reply Last reply Reply Quote 0
                  • U
                    Udo_E @bahnuhr last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • bahnuhr
                      bahnuhr Forum Testing Most Active @Udo_E last edited by

                      @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.

                      U 1 Reply Last reply Reply Quote 0
                      • U
                        Udo_E @bahnuhr last edited by

                        @bahnuhr habe es herausgefunden. Ich hatte das metro style Widgets Paket nicht installiert. Ohne das geht es nicht.
                        5e5acc12-f0eb-4a0d-a1c0-0acce77e7164-grafik.png

                        bahnuhr 1 Reply Last reply Reply Quote 0
                        • bahnuhr
                          bahnuhr Forum Testing Most Active @Udo_E last edited by

                          @Udo_E

                          Gut wenn es läuft.

                          1 Reply Last reply Reply Quote 0
                          • U
                            Udo_E last edited by 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:

                            1. 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'});
                            
                            1. 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();
                            
                            1. Binding von Quelle des iFrame mit Objekt
                              613ef099-e69c-4cf0-9c86-63fc2650e330-grafik.png

                            2. Von der Fehlermeldung im Edit vis nicht irritieren lassen!
                              c2271883-8fd6-4b3b-8eb1-85b4dfb98d5e-grafik.png
                              Es funktioniert trotzdem.
                              cc19fa59-df40-4fbb-84cb-ef73a3655b95-grafik.png

                            T 1 Reply Last reply Reply Quote 4
                            • S
                              schittl last edited by

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

                              1 Reply Last reply Reply Quote 0
                              • U
                                Udo_E last edited by

                                @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 1 Reply Last reply Reply Quote 0
                                • bahnuhr
                                  bahnuhr Forum Testing Most Active @Udo_E last edited by

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

                                  1 Reply Last reply Reply Quote 0
                                  • S
                                    schittl last edited by 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 1 Reply Last reply Reply Quote 0
                                    • bahnuhr
                                      bahnuhr Forum Testing Most Active @schittl last edited by

                                      @schittl
                                      win7 laptop und chrome

                                      Auf dem tablet ist es aber auch so.

                                      U 1 Reply Last reply Reply Quote 0
                                      • U
                                        Udo_E @bahnuhr last edited by 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.

                                        1 Reply Last reply Reply Quote 0
                                        • T
                                          Termina @Udo_E last edited by

                                          @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:

                                          Tagesschau_VIS-Editor.jpg

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

                                          Tagesschau_VIS.jpg

                                          Habt ihr einen Tipp, woran das liegen kann?

                                          bahnuhr U 2 Replies Last reply Reply Quote 0
                                          • bahnuhr
                                            bahnuhr Forum Testing Most Active @Termina last edited by

                                            @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 !

                                            T 1 Reply Last reply Reply Quote 0
                                            • T
                                              Termina @bahnuhr last edited by

                                              @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?

                                              bahnuhr 1 Reply Last reply Reply Quote 0
                                              • First post
                                                Last post

                                              Support us

                                              ioBroker
                                              Community Adapters
                                              Donate

                                              718
                                              Online

                                              31.7k
                                              Users

                                              79.8k
                                              Topics

                                              1.3m
                                              Posts

                                              42
                                              218
                                              33060
                                              Loading More Posts
                                              • Oldest to Newest
                                              • Newest to Oldest
                                              • Most Votes
                                              Reply
                                              • Reply as topic
                                              Log in to reply
                                              Community
                                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                              The ioBroker Community 2014-2023
                                              logo