Ich habe folgende Karte benutzt:
BubbleCard - als Kamera-Karte - Dashboard/Cards/Frontend - simon42 Community
Leider kommt es dabei zu einer “Fehldarstellung”, und ich bekomme ich die Darstellung nicht gefixt.
Wieso erstellst Du dafür einen neuen Beitrag, wenn sich Deine Frage doch vermutlich auf den Beitrag des User @Schwippser und dessen Code bezieht, den Du ja auch verlinkt hast? Und wenn es bei Dir zu irgendeinem Darstellungsproblem kommen sollte, dann wäre es hilfreich wenn Du dann auch den von Dir verwendeten YAML-Code posten würdest. Ohne den kann hier eh niemand etwas dazu sagen/schreiben.
VG Jim
Der YAML-Code ist im verlinkten Beitrag!
Dort geht es rein um die Vorstellung der “Bubble Card”, diese wollte ich nicht zumüllen, da der Code im Prinzip ja funktioniert (ist halt optimiert für Mobilgeräte und wird deshalb bei mir “falsch” dargestellt.).
Mittlerweile bin ich weiter und habe einige der fixen Formatierungen im Ursprungscode angepasst und es schaut schon besser aus.
Das ist mir schon klar, aber das heißt ja nicht das Du diesen auch so nutzt, was wohl eben
auch nicht der Fall ist.
Nein dort geht es um die Vorstellung einer Bubble Card, bei der dann @Schwippser per YAML individuelle Anpassungen vorgenommen hat, damit er diese als Kamera-Karte für seine Reolink Trackmix und für seinen Einsatzzweck und nach seinen Wünschen nutzen kann. Ich glaube kaum das der User @Schwippser damit ein Problem hätte wenn man ihm zu seinem Code in seinem Beitrag dann Fragen stellt und ihn ggf. um Hilfe bittet wenn man bei sich selber mit einem abgewandelten Code Probleme hat.
Aber ok wenn Du das anders siehst und eben auch meinst das Du hier Deinen YAML-Code nicht posten brauchst, dann ist das eben so. Ich habe damit kein Problem. 
VG Jim
Hallo Jim
ich sehe das etwas anders: Ich finde es übersichtlicher, spezifische Probleme in einem eigenen Thread zu lösen, statt den Vorstellungsthread von Schwippser mit meinen individuellen Anpassungen zu belasten. Wer den Code im Detail sehen will, findet ihn ja über den Link im Original - so bleibt alles nachvollziehbar.
Da ich aber inzwischen mit meinen Anpassungen ein Stück weiter gekommen bin, poste ich den aktuellen Stand jetzt einfach mal hier rein, dann gibt es eine Grundlage, falls jemand Lust hat, drüberzuschauen.
Hier der Code:
cards:
- type: custom:mushroom-title-card
title: Kamera Flur
alignment: center
- type: grid
columns: 2
square: false
cards:
- type: picture-glance
camera_view: live
camera_image: camera.kamera_flur_standardauflosung_objektiv_0
entities: []
- type: picture-glance
camera_view: live
camera_image: camera.kamera_flur_standardauflosung_objektiv_1
entities: []
- type: grid
columns: 3
square: false
cards:
- type: vertical-stack
cards:
- type: custom:mushroom-entity-card
entity: light.kamera_flur_scheinwerfer
icon: mdi:spotlight-beam
name: Licht
layout: vertical
- type: custom:mushroom-entity-card
entity: switch.kamera_flur_aufzeichnen
icon: mdi:record-rec
name: Aufnahme
layout: vertical
- type: grid
columns: 3
square: true
cards:
- type: none
- type: custom:mushroom-template-card
icon: mdi:chevron-up
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_auf
- type: none
- type: custom:mushroom-template-card
icon: mdi:chevron-left
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_links
- type: custom:mushroom-template-card
icon: mdi:crosshairs-gps
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_gehe_zu_startposition
- type: custom:mushroom-template-card
icon: mdi:chevron-right
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_rechts
- type: none
- type: custom:mushroom-template-card
icon: mdi:chevron-down
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_ab
- type: none
- type: vertical-stack
cards:
- type: custom:mushroom-entity-card
entity: binary_sensor.kamera_flur_person
name: Person
layout: vertical
- type: custom:mushroom-select-card
entity: select.kamera_flur_ptz_voreinstellung
name: PTZ
layout: vertical
- type: custom:mushroom-number-card
entity: number.kamera_flur_zoom
name: Zoom
display_mode: slider
VG
Alternativ war das hier:
type: vertical-stack
cards:
# 1. Block: Bilder (wie gehabt)
- type: grid
columns: 1
square: false
cards:
- type: picture-glance
camera_view: live
camera_image: camera.kamera_flur_standardauflosung_objektiv_0
entities: []
- type: picture-glance
camera_view: live
camera_image: camera.kamera_flur_standardauflosung_objektiv_1
entities: []
# 2. Block: Die drei Steuer-Bereiche nebeneinander
- type: grid
columns: 3
square: false
cards:
# LINKS: Funktionen (2x3 Raster mit Chips)
- type: custom:mushroom-chips-card
alignment: center
chips:
- type: entity
entity: light.kamera_flur_scheinwerfer
icon: mdi:spotlight-beam
- type: entity
entity: switch.kamera_flur_audio_aufnehmen
icon: mdi:microphone
- type: entity
entity: switch.kamera_flur_aufzeichnen
icon: mdi:record-rec
- type: entity
entity: button.kamera_flur_ptz_kalibrieren
icon: mdi:pan
- type: entity
entity: button.kamera_flur_gehe_zu_startposition
icon: mdi:crosshairs-gps
- type: entity
entity: switch.kamera_flur_automatisches_tracking
icon: mdi:target-account
# MITTE: Das Steuerkreuz (3x3 Grid)
- type: grid
columns: 3
square: true
cards:
- type: none
- type: custom:mushroom-template-card
icon: mdi:chevron-up
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_auf
- type: none
- type: custom:mushroom-template-card
icon: mdi:chevron-left
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_links
- type: custom:mushroom-template-card
icon: mdi:circle-slice-8
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_gehe_zu_startposition
- type: custom:mushroom-template-card
icon: mdi:chevron-right
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_rechts
- type: none
- type: custom:mushroom-template-card
icon: mdi:chevron-down
tap_action:
action: call-service
service: button.press
target:
entity_id: button.kamera_flur_ptz_ab
- type: none
# RECHTS: Sensoren & Presets
- type: vertical-stack
cards:
- type: custom:mushroom-chips-card
alignment: center
chips:
- type: entity
entity: binary_sensor.kamera_flur_bewegung
icon: mdi:motion-sensor
- type: entity
entity: binary_sensor.kamera_flur_person
icon: mdi:account
- type: entity
entity: binary_sensor.kamera_flur_tier
icon: mdi:paw
- type: custom:mushroom-select-card
entity: select.kamera_flur_ptz_voreinstellung
name: PTZ
# 3. Block: Zoom Slider ganz unten
- type: custom:mushroom-number-card
entity: number.kamera_flur_zoom
name: Zoom
display_mode: slider
Moin … Ich war lange nicht mehr hier, deswegen die verspätete Antwort.
Ich habe die Reolink Cams mittlerweile mittels Advanced Kamera Card dargestellt. Diese Karte bietet eine bessere Funktionalität bei der Steuerung und Darstellung.
Aber ich schaue mir im Laufe des Tages mal deinen Code an um nachzuvollziehen wie die Darstellungsfehler bei die zustande kommen.
Ich hatte diese nämlich nicht.