Zur besten Antwort gewählt
Nov 21, 2022 - 12:53
Ich habe mal mir geschaut wegen der Größe eines Mediaimage über Webbox. Eventuell suche ich noch einen Weg das direkt an NEO in der passenden Größe zu übergeben.
Zur Zeit löse ich das skalieren einfach über CSS und ein HTML Gerüst in NEO.
Beispiel Astronomie Modul Skalierung
- Element Webseite
- unter Eigenschaften HTML-Gerüst festlegen
HTML Gerüst
Dokument Beginn
Hauptbereich
Die URL unter src ist eben an die persönlichen Einstellungen anzupassen.
Durch Änderung des CSS Werts von height bei .picture ändert sich dann auch die Größe skaliert zur Höhe.
Beispiel Cover
Dokument Beginn
Durch Änderung des CSS Werts von height und width bei .picture ändert sich dann auch die Größe.
Hauptbereich
Zur Zeit löse ich das skalieren einfach über CSS und ein HTML Gerüst in NEO.
Beispiel Astronomie Modul Skalierung
- Element Webseite
- unter Eigenschaften HTML-Gerüst festlegen
HTML Gerüst
Dokument Beginn
<!DOCTYPE html><html><head><meta charset="utf-8" />
<style>
html{background:transparent;color:#000;font-family:sans-serif;padding:10px;}
.picture {
width: 100%;
height: 250px;
}
#diagramm {
width: 100%;
height: 100%;
object-fit: scale-down;
}
</style></head><body>Hauptbereich
<figure class="picture">
<img id="diagramm" src="http://192.168.55.100:3777/hook/webbox?type=mediaimage&objectid=12345&
amp;user=test&password=test">
</figure>Die URL unter src ist eben an die persönlichen Einstellungen anzupassen.
Durch Änderung des CSS Werts von height bei .picture ändert sich dann auch die Größe skaliert zur Höhe.
Beispiel Cover
Dokument Beginn
<!DOCTYPE html><html><head><meta charset="utf-8" />
<style>
html{background:transparent;color:#000;font-family:sans-serif;padding:10px;}
.picture {
width: 250px;
height: 250px;
}
#cover {
width: 100%;
height: 100%;
object-fit: cover;
}
</style></head><body>
Durch Änderung des CSS Werts von height und width bei .picture ändert sich dann auch die Größe.
Hauptbereich
<figure class="picture">
<img id="cover" src="http://192.168.55.100:3777/hook/webbox?type=mediaimage&objectid12345&a
mp;user=test&password=test">
</figure>Die URL unter src ist eben an die persönlichen Einstellungen anzupassen.
Von
Danke,
habe das mit dem Cover gleich mal versucht.
allerdings bekomm ich es nicht angezeigt in mediola. wenn ich den Link so im Browser öffne sehe ich das Cover!
Von
@Heinzzuhaus
Hast Du mal ein Beispiel damit ich bei Gelegenheit mal versuchen kann dies bei mir nachzustellen. Geht das nur bei bestimmten Grafiken nicht oder hast Du ein Problem?
Von
Eventuell liegt es auch an der Syntax, die Darstellung hier in der Mediola Answersbase ist einfach schlecht
http://192.168.55.100:3777/hook/webbox?type=mediaimage&objectid12345&user=test&password=test
da muss eigentlich ein & stehen, die Mediola Answerbase stellt dies aber fälsch als & dar.
IP Adresse, Objekt ID und User und Passwort musst Du an Deine persönlichen Einstellungen anpassen.
Von
http://192.168.178.32:85/hook/webbox?type=mediaimage&objectid=12985&a%20mp;user=test&password=test
also das im Browser eingeben sehe ich das aktuelle Cover von deinem Echo Modul,Cover vom Typ Medien.
aber in Mediola sehe ich nur den rahmen vom Cover leer
Von
Ich probiere das die Woche selber mal bei meinen Echo Geräten und NEO aus und gebe dann Rückmeldung.
Von
Danke dir.
Schade das ich sowas nicht selber kann.
Probier natürlich auch noch selber noch etwas rum.
Von
so ich hab es.
hab der Website auch noch den Link zugewiesen, jetzt gehts.
dachte reicht im Html Gerüst.
Von
Du kannst auch die Webseite einfach gar nicht zuweisen, dann wird nur das HTML Gerüst genutzt.
Alternative ist Du weist einen Status zu wenn es sich um eine URL handelt die übergeben wird und trägst dann anstelle der URL im HTML Grundgerüst eben als Platzhalter für den übergeben Status (die URL)
%neo_state%
ein.
Wenn ich Dich richtig verstanden habe funktioniert es jetzt bei Dir? Dann viel Spaß und Erfolg beim weiteren Einrichten der NEO Remote im AIO NEO Creator.
Neuen Kommentar hinzufügen