Dynaframe - ein funktionsreicher Foto- / Videorahmen! - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-31 10:15

Hinweis: Ich habe mich entschieden, dies in den Remix-Inhalt aufzunehmen! Bitte denken Sie über mich nach, wenn Sie dieses Projekt angenehm finden!

Sie da! Dynaframe ist ein digitaler Bilderrahmen, der anders sein soll. Ich habe mir Dutzende von Implementierungen angesehen, aber sie fühlten sich alle wie verherrlichte Diashows an, und viele von ihnen waren schwer zu aktualisieren (z. B. das Entfernen der MicroSD-Karte erforderlich). Also habe ich ein bisschen Python gelernt und meine eigene Meinung dazu gegeben. Hier sind die Funktionen von Dynaframe (die meisten werden im Trailer-Video oben demonstriert.)

• Remote-Uploads - In erster Linie wollte ich keine SD-Karte berühren, um sie zu aktualisieren. Dynaframe unterstützt das Aktualisieren der Medien über eine Dateifreigabe, und wenn Sie Allsync verwenden, können Sie es über die Cloud aktualisieren. Ich kann (und muss) auf einen Ölwechsel warten und nach Kunstwerken suchen, mit denen ich meinen digitalen Bilderrahmen zu Hause aktualisieren kann!

• Videounterstützung - Es unterstützt sowohl Bilder als auch Videos. Das bedeutet, dass es auch unterstützt:

  • Plotagraphs - Diese werden erstellt, wenn Sie Standbildern Videoelemente hinzufügen (Plotaverse/Werble-Apps können dies beispielsweise tun)
  • Cinemagraphs - Dies sind, wenn Sie Teile eines Videos einfrieren, damit es fast wie ein animiertes-g.webp" />

• Unterstützung der Heimautomatisierung (MQTT mit Steuerung über Node-Red)

  Dynaframe kann MQTT-Nachrichten empfangen, um ihm mitzuteilen, welche Playlist abgespielt werden soll. Dies ermöglicht die Steuerung über viele Heimautomatisierungssysteme und ermöglicht erstaunliche Szenarien wie das Anzeigen von Filmplakaten beim Starten von Netflix oder das Anzeigen von Spielgrafiken, wenn Sie sich bei Xbox Live anmelden. Dies kann auch verwendet werden, um Präsenz-Dinge zu erledigen, damit, wenn eine Person den Raum betritt, ihr Lieblingskunstwerk angezeigt wird

• Playlist-Unterstützung - Dynaframe unterstützt das Abspielen von Medien in Ordnern und behandelt jeden Ordner als 'Playlist'. Wenn Sie also Ihre Medien so organisieren, dass Sie Comic-Grafiken in einem Ordner, Sport-Grafiken in einem anderen und Filmplakat-Grafiken in einem weiteren Ordner haben, können Sie auswählen, welchen Medienordner Sie wiedergeben möchten, und es wird durch ihn blättern. Dadurch kann der Raum, in dem sich Dynaframes befinden, „Stimmung“haben. Manchmal stelle ich meine so ein, dass sie Spiele-Artworks spielt, manchmal Film-Artworks. Manchmal Science-Fiction, manchmal Fantasy. Wenn ich mich im "Maker-Modus" befinde, setze ich ihn auf einen Ordner mit Patentgrafiken und Schaltplänen. Ich habe versucht, es flexibel zu machen, aber einfach zu bedienen.
• Fernsteuerung - Jeder Dynaframe unterstützt einen Webserver, sodass Sie zum Frame navigieren können und eine gehostete Webseite mit den Wiedergabelisten erhalten. Sie können die Wiedergabelisten dann einfach ändern. Da es sich um einen Webserver handelt, können Sie dies von jedem Betriebssystem mit einem Browser oder Gerät aus tun. Dies bedeutet, dass Sie es heutzutage mit Telefonen, Tablets, PCs und sogar einigen Fernsehern steuern können.
• Stromsparend - Dies habe ich über Zwave und Hausautomation gelöst, aber im Wesentlichen ist Dynaframe darauf ausgelegt, nicht sinnvoll auf die SD-Karte zu schreiben (es loggt nur hier und da). Sie können es also plötzlich ausschalten und wieder hochfahren und alles wird gut. Ich habe mehrere Bilder monatelang ohne Probleme laufen lassen und sie schalten sich mit meinen Lichtern aus, wenn ich den Raum verlasse. Trotzdem, wenn Sie die Rahmen ein ganzes Jahr lang anbehalten, sind es etwa 13,00 $ pro KW/h unter der Annahme von 0,08 $ pro KW/h. (Mit Zwave und 3 Stunden pro Tag sinkt es auf etwa 1,50 US-Dollar pro Jahr!
• Open Source / Freie Software - Ich hatte einige Lösungen gefunden, die monatliche Zahlungen / Serviceverträge erforderten. Ich bin nur ein Bastler und suchte nach etwas, wo ich, sobald ich die Hardware hatte, einfach Software laden und loslegen konnte. Ich habe die Software auf GitHub bereitgestellt, damit andere sie verwenden, aktualisieren und Funktionen hinzufügen können, wenn sie dies wünschen.

Hoffentlich sehen Sie mit dieser Liste, warum ich mir die Arbeit gemacht habe, das Rad noch einmal neu zu erfinden. Ich werde das am Remix-Wettbewerb teilnehmen, aber es ist nicht so sehr ein Remix einer Sache, sondern ein Remix von einem Dutzend oder so:)

Schritt 1: Schritt 1: Was brauchen Sie dazu!?

Ok, das Wichtigste zuerst..was brauchen wir?

1. Raspberry Pi 3 - das Gehirn der Operation
2. Ein kurzes HDMI-Kabel
3. LG MK430H-B IPS 27"-Monitor (Sie können jeden beliebigen Monitor verwenden, aber den habe ich verwendet)
4. Micro SD Karte
5. Draht Bilderrahmen Aufhängeset
6. Sekundenkleber

Optional, aber nützlich für erweiterte Funktionen oder sauberere Looks:

1. Z-Wave-Stecker (Zum Ein- und Ausschalten über die Heimautomation) -
2. Ein Hausautomatisierungs-Setup, das MQTT unterstützt (wie HomeSeer, Home Assistant oder Smart Things.)
3. Kabelverdeckende Kabelkanäle (normalerweise nur eine Kunststoffschiene zum Durchführen von Kabeln … dies hilft, die Kabel zu verbergen, die von den Rahmen kommen)

4. Farbe - Dies dient dazu, den verdeckten Kanal an Ihre Wände anzupassen. Ich finde, wenn Sie sich die Zeit dafür nehmen, hilft es bei der Illusion, dass die Rahmen einfach schweben. Die andere Möglichkeit, dies zu tun, wäre natürlich, den Draht in / durch die Wand zu führen, aber das liegt außerhalb des Rahmens dieser Anleitung

Schritt 2: Schritt 2: Den Rahmen zusammensetzen

Hier gibt es ehrlich gesagt nicht viel Magie. Bitte sehen Sie sich die Bilder an, um zu wissen, was ich verwendet habe … Ich habe die hängenden Hardware auf beiden Seiten der Rückseite des Monitors mit Sekundenkleber verklebt, den Draht durchgezogen und dann mit einem Nagel in einen Bolzen in der Wand montiert. Die Monitore sind nicht besonders schwer, aber wenn nötig, verwenden Sie bitte eine Schraube mit Dübel. Sie können jeden beliebigen Monitor verwenden, montieren Sie ihn einfach entsprechend … wenn Sie beispielsweise einen 37-Zoll-Fernseher verwenden, möchten Sie dafür ein Wandmontage-Kit verwenden (ich verwende tatsächlich einen Wandmontage-Fernseher als einen meiner Rahmen!)

Das einzige andere, worüber man sich Sorgen machen muss, ist der Raspberry Pi … Ich habe ihn einfach doppelt auf die Rückseite des Monitors geklebt. Da braucht es nicht viel Fingerspitzengefühl. Ich füge keine Lüfter oder aktive Kühlung hinzu … die Rahmen treiben den Pi nicht zu stark an.

Der Vorteil des Aufhängens an einem einzigen Nagel besteht darin, dass Sie leicht sicherstellen können, dass die Dinge eben sind, ohne weitere Löcher in die Wand bohren zu müssen. Bitte beachten Sie auch, dass es eine Version davon gibt, bei der Sie den Rahmen auseinandernehmen und Ihren eigenen aus Holz herstellen können, damit dieser eher wie ein Bilderrahmen aussieht … eines meiner Ziele, als ich dies erstellt habe, war es, es so zu machen Weise, dass ich den Monitor nicht zerstört habe, für den Fall, dass mir der Effekt nicht gefällt (am Ende liebte ich ihn!). Aus diesem Grund habe ich Monitore mit dünnen einfachen Blenden gewählt. Ich montiere sie auch vertikal, damit sie so ähnlich wie Bilderrahmen aussehen!

Schritt 3: Schritt 3: Verwenden des vorgefertigten Raspberry Pi-Images

Es gibt zwei Möglichkeiten, dies zu bauen. Ich beginne mit dem einfachen, das darin besteht, einen Himbeer-Pi mit einem Bild abzubilden, das ich vorbereitet habe und das die meisten anderen Schritte für Sie erledigt. Wenn Sie jedoch mehr Kontrolle über das Bild haben möchten, gehe ich die Schritte durch, die Sie zum manuellen Einrichten benötigen. Auf diese Weise können Sie dies zu einem Image hinzufügen, das möglicherweise andere von Ihnen gewünschte Funktionen wie Heimautomatisierungssoftware, MQTT-Server usw.

Bitte beachten Sie, dass das Video Sie durch die Schritte für den 'fertigen' Teil führt. Ich werde die anderen Schritte in diesem anweisbaren durchlaufen, damit es jedoch vollständig dokumentiert ist.

Um die fertige Version zu verwenden, verwenden Sie bitte Etcher, um das folgende Bild auf eine MicroSD-Karte zu schreiben:

1drv.ms/u/s!AqxjM4_uBDJguOsrwD3z4ovMJwFF9g (Aktualisiert am 07.06.2019)

Dieses Bild ist ein vollständiges Himbeer-Pi-Bild, dem eine Sache fehlt, eine Python-Bibliothek. So richten Sie alles ein, was Sie möchten:

1. Booten Sie dieses Image auf einem Raspberry Pi 3 oder höher (3B+ sollte gut funktionieren)
2. Starten Sie eine Befehlszeile und führen Sie raspi-config. aus
3. Setzen Sie das Passwort auf etwas Sicheres
4. Richten Sie Ihr WLAN ein
5. Legen Sie den Hostnamen für jeden Frame, den Sie einrichten, auf einen eindeutigen, aber beschreibenden Namen fest
6. Wenn Sie fertig sind, speichern Sie und starten Sie neu. Führen Sie 'ifconfig' aus, um die IP-Adresse des Frames zu erhalten (dies sollte als WLAN angezeigt werden)
7. Führen Sie den Befehl aus: "sudo pip3 install paho-mqtt". Dadurch wird eine kritische Bibliothek installiert, die nicht im Image enthalten ist
8. Neustart

Als nächstes: Kopieren Sie Dateien auf den Himbeer-Pi, indem Sie zur IP-Adresse navigieren, z. B.: \{ipaddress}\Frame

Erstellen Sie in diesem Ordner einen Unterordner für jede gewünschte 'Wiedergabeliste' und legen Sie mindestens eine Datei darin ab (jpg, mov oder mp4). Dann können Sie zu https://{ipaddress}:8000 navigieren, um die Web-Benutzeroberfläche anzuzeigen, und Sie sollten die aufgelisteten Ordner sehen. Wenn ja, dann haben Sie die Dinge richtig eingerichtet und können loslegen! Einfach richtig? So einfach wie ich es jetzt machen konnte:)

Hinweise zum Bild:

1) Samba ist installiert und konfiguriert, aber für Gäste konfiguriert. Sie sollten es sperren, wenn Sie möchten, dass es gesichert ist.

2) Das Standard-Passwort/Login ist pi / raspberry. Dies ist das Standardpasswort für Raspbian OS. Das möchten Sie auf jeden Fall ändern!

3) SSH UND VNC sind aktiviert, sodass Sie bei Bedarf auf den Pi zugreifen können, um ihn zu verwalten.

4) Der 'logs'-Ordner in der Frame-Freigabe enthält ein Cronlog … wenn etwas auffliegt, ist das Log dort.

5) Samba teilt den 'Frame'-Ordner. Hier sollten Ihre Medien hin..in Unterordnern!

6) Es gibt einen Webserver, der keine Authentifizierung hat. Dies macht es einfach, zur IP-Adresse (Port 8000) des Frames zu navigieren, um ihn zu steuern, aber ich würde ihn nicht so extern preisgeben, wie er jetzt eingerichtet ist.

7) Die Standardeinstellung für dieses Bild ist der Hochformat (vertikal). Wenn Sie dies in den horizontalen Modus ändern möchten, sollten Sie sich Folgendes ansehen: https://www.ceos3c.com/open-source/rotate-screen-r…, um die richtige Einstellung zu ändern.

An diesem Punkt sind Sie auf "einfache Weise" einsatzbereit. Es gibt zwei Boni, die Sie hinzufügen möchten:

1) Ein Smart Plug für die Hausautomation ist praktisch, wenn Sie bereits einen Zwave-Schalter in dem Raum haben, in dem Sie diese installieren. Dann können Sie Automatisierungen einrichten, um die Bilder des Rahmens mit den Raumlichtern synchron zu halten. Wenn ich zum Beispiel meine Lichter in meinem Makerspace einschalte, schalten sich meine Rahmen mit ihnen ein. Wenn ich sie ausschalte, gehen die Frames aus. Versorgen Sie dazu einfach den Monitor selbst mit dem Stecker. Sie können sich auch dafür entscheiden, den Pi mit Strom zu versorgen … der Vorteil, wenn Sie dies tun, sind schnelle Startzeiten … aber Sie verlieren die Leistungsaufnahme des Pi. Um wirklich "grün" zu sein, lasse ich meine Pis und meine Monitore am Stecker und schalte beide aus, aber es ist wirklich deine Wahl.

2) Allwayssync (https://allwaysync.com/). Ich verwende diese Software, um meinen Onedrive / Cloud-Speicher mit den Dynaframe Samba-Freigaben zu synchronisieren. Diese Software kann 2-Wege-Synchronisierung, Konfliktmanagement und mehr durchführen. Ich finde es nützlich und es hat wirklich gut für mich funktioniert.

Der Rest dieser Anleitung wird über den "manuellen" Weg zur Einrichtung sprechen und bei Bedarf das Zwave-Setup / Allwayssync etwas tiefer gehen.

-

Schritt 4: Schritt 4: Manuelle Einrichtungsschritte

Wenn Sie die Schritte lange ausführen, gehe ich davon aus, dass Sie ein wenig über Linux wissen und wie man einen Raspberry Pi konfiguriert. In diesem Fall ist hier die Liste der Dinge, die Sie tun möchten. Das Tolle an dieser Liste ist, dass ich hier Instructables verwendet habe, um dieses Zeug herauszufinden, also werde ich direkt zu den Instructables verlinken, die dies ermöglicht haben:)

1) Klonen Sie das Repository unter: https://github.com/Geektoolkit/Dynaframe in einen Ordner namens "Frame". Ich werde auf diesen Frame-Ordner verweisen, damit der Rest des instructable konsistent ist, so dass, wenn Sie es etwas anderes nennen möchten, Sie wissen, über welchen Ordner ich spreche. Hier muss sich die Datei show.py befinden.

2) Show.py als ausführbar einstellen

3) Installieren Sie Python 3 sowie feh, Samba und omxplayer. Diese werden für die Ausführung der Skripte benötigt

4) Sie sollten pip3 verwenden, um paho-mqtt (sudo pip3 install paho-mqtt) sowie die HTTP-Bibliotheken für Python zu installieren.

5) Richten Sie ein Bash-Skript ein, um show.py beim Start zu starten. Ich habe dieses instructable verwendet:

www.instructables.com/id/Raspberry-Pi-Laun…

6) Wenn es im Hochformat sein soll, stellen Sie den richtigen Wert für die Bildschirmdrehung ein. Stellen Sie sicher, dass keine OpenGL-Treiber aktiviert sind (oder das Rotieren wird ignoriert … das hat mich einige Stunden meines Lebens gekostet, um zu debuggen:))

www.ceos3c.com/open-source/rotate-screen-r…

7) Richten Sie Samba ein, um den Frame-Ordner freizugeben. Ich erinnere mich nicht, was ich früher gemacht habe, aber diese Schritte sind gut geschrieben;

everyday-tech.com/samba-share-on-your-rasp…

8) Konfigurieren Sie VNC und SSH, damit Sie das Pi aus der Ferne verwalten können (sehr zu empfehlen, es sei denn, Sie möchten mit Tastaturen herumlaufen, um sie später zu verwalten).

An diesem Punkt sollte das Python-Skript beim Booten starten, Sie sollten in der Lage sein, das Pi aus der Ferne zu verwalten, die Python-Datei zum Laufen zu bringen und das Laden von Bildern und Videos zu sehen.

9) Eine optionale Komponente … Sie möchten wahrscheinlich die IP-Statik festlegen. Stellen Sie den Hostnamen auf jeden Fall auf etwas Einzigartiges ein, damit Sie ihn verwenden können, um das Gerät zu pingen/zur Webseite zur Kontrolle zu navigieren

Wenn es viele Fragen gibt, kann ich dies mehr ausfüllen. Ich habe das Bild erstellt, damit die meisten Leute nicht alle diese Schritte noch einmal durchlaufen müssen!

Lassen Sie uns nun den Code ein wenig durchgehen, damit Sie wissen, wo Sie ihn bearbeiten können, wenn Sie möchten …

Schritt 5: Schritt 6: Code Walkthrough

Der Code ist unter:

github.com/Geektoolkit/Dynaframe

Ich werde nicht alles durchgehen, aber ich möchte auf einige wichtige Teile hinweisen:

In 'show.py' gibt es Abschnitte, die den MQTT-Server einrichten. Sie sollten diese konfigurieren, wenn Sie die Heimautomatisierung verwenden, um Ihre Bildschirme zu steuern. Dieser Teil befindet sich oben, ist also leicht zu bearbeiten und sieht wie folgt aus:

# vor der Verwendung anpassen! Brokeraddress = "test.mosquitto.org" # Sie können dies als Testbroker verwenden oder msoquitto auf einem rpi als internen Broker einrichten

mqttclient = "dynaframe1" # muss für jeden Frame eindeutig sein…

Brokerport = 1883

Subscriptionname = "jfarro/house/makerspace/display" # Dies sollte eine eindeutige Zeichenfolge sein und beschreibt, wo sich Ihr Rahmen befindet

Der im Code erwähnte "Webpagebody" ist eine lange Zeichenfolge, die zurückgesendet wird, wenn ein Browser zum Frame navigiert. In dieser Zeichenfolge sehen Sie das CSS, das bearbeitet werden muss, wenn Sie die bereitgestellte Webseite so konfigurieren möchten, dass sie … hübscher ist:) Ich bin manchmal nicht so gut im Design. Es kann definitiv verbessert werden.

Diese Variable:

refreshInterval = 30 # Anzahl der Sekunden zwischen Bildern in einer Diashow

legen Sie fest, wie lange die Bilder angezeigt werden. Es ist eines der Dinge, die Sie möglicherweise konfigurieren möchten, wenn Sie nicht möchten, dass die Seiten alle 30 Sekunden umgeblättert werden (obwohl ich es erfrischend finde … ich habe immer neue Bilder!)

Ok, das sind die wichtigsten Codeabschnitte, die Sie bearbeiten möchten, um dies zu "Ihrem" zu machen. Es ist völlig optional, aber ich wollte darauf hinweisen.

Schritt 6: Schritt 7: Was kommt als nächstes? und einige Tipps…

Hoffentlich ist alles gut gelaufen und wenn Sie dies bauen, haben Sie einen funktionierenden digitalen Bilderrahmen mit Raspberry Pi, der Videos und eine Menge anderer Geräte und Gimmicks unterstützt! Ich arbeite noch daran, Funktionen hinzuzufügen. Als nächstes möchte ich die Möglichkeit hinzufügen, Web-URLs für Bilder, RSS-Feeds oder Websites wie Verkehr/Wetter zu verwenden. Ich konnte mir vorstellen, dass dies Kunstdisplays sind, die in wenigen Augenblicken funktionsfähig werden können … sogar zu vorübergehenden Spiel- / Emulationsbildschirmen (über einen Bluetooth-Controller). Ich werde dieses instructable aktualisieren, während ich Dinge hinzufüge.

Einige schnelle Tipps:

1) Dies ist für die Ausführung mit 1080p ausgelegt. 4K wäre großartig, aber dann erhöht es die Kosten für alles, und ich arbeitete mit einem Zielpreis von 150 US-Dollar (was ich leicht verfehlt habe).

2) Der Raspberry Pi 3 A+ war nicht draußen, als ich dies erstellt habe. Es ist ein viel besser geeignetes Modul und senkt den Preis um 10 Dollar!

3) Da es für 1080p entwickelt wurde, funktionieren alle Grafiken am besten, wenn Sie die Größe auf 16:9 (oder 9:16 im Hochformat) und 1080p ändern. Hier bekommst du die schärfsten Bilder

4) Um hervorragende unterhaltsame Inhalte zu erstellen, die sich bewegen (wo dies wirklich glänzt), können Sie Werble (iPhone) oder Plotaverse (oder Enlights Suite) verwenden. Wenn Sie nach 'Plotoagraph' und 'Cinemagraph' suchen, können Sie im Grunde genommen erstaunliche Inhalte für diese erstellen, die sie wirklich zum Leuchten bringen.

5) Wenn Sie nach Kunstwerken suchen, die 9:16 / 1080p sind, gelangen Sie möglicherweise zu einigen Websites, die Hintergrundbilder für Mobiltelefone entwerfen … das ist eine großartige Quelle für Kunst. DeviantArt war auch erstaunlich.

6) Wenn Sie auf YouTube nach 1080x1920 suchen, werden Sie einige Videoinhalte finden, die auf diesen Frames auf Anhieb gut funktionieren!

Ich denke, das wars für jetzt. Ich werde es immer wieder hinzufügen. Ich hoffe, Sie können die Videos sehen, die ich gemacht habe und was ich hier geteilt habe … diese sind IMO einen Schritt weiter als alle Bilderrahmen da draußen! Danke und bis zum nächsten Mal…

Bitte erwägen Sie, für mich für den 'Remix'-Wettbewerb zu stimmen, wenn Ihnen das gefällt!