sg72
Avril 23, 2025, 4:10
1
Bonjour,entity: button.veranda_ptz_droit pour la droite entity: button.veranda_ptz_gauche pour la gauche entity: button.veranda_ptz_haut pour le haut entity: button.veranda_ptz_bas pour le bas.
Je voudrais attribuer toutes ces fonctions sur un genre de joystick de ce type
Le bouton du centre me permettrait de ramener la caméra à l’endroit de départ.
J’ai commencé à faire quelque chose mais ça ne ressemble pas trop à ce que je voudrais.
type: custom:stack-in-card
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
show_state: false
name: Caméra
styles:
icon:
- height: 50px
entity: button.veranda_ptz_bas
- type: horizontal-stack
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: entities
card_mod:
style: |
#states {
margin-top: 5px !important;
}
.card-content div {
margin-top: -20px !important;
}
entities:
- entity: button.veranda_ptz_bas
name: Bas
icon: mdi:chevron-up
- entity: button.veranda_ptz_haut
name: Haut
icon: mdi:chevron-down
- entity: button.veranda_ptz_droit
name: Droite
icon: mdi:chevron-right
- entity: button.veranda_ptz_gauche
name: Gauche
icon: mdi:chevron-left
Est-ce possible?
Il y a bien la carte frigate qui fait joystick, mais pas de bouton de ré-initialisation à ma connaissance
1 « J'aime »
Bob
Avril 23, 2025, 8:50
3
Pour quelle caméra ?
C’est advanced-camera-card maintenant le nom
A comprehensive camera card for Home Assistant
2 « J'aime »
sg72
Avril 24, 2025, 8:47
5
Bob:
Pour quelle caméra ?
C’est la RLC-830A que j’ai
Bob
Avril 24, 2025, 10:31
6
Bonjour,
Bob
1 « J'aime »
Mais tu passes par l’intégration reolink ou onvif ?
sg72
Avril 24, 2025, 12:25
8
Effectivement avec cette carte il y a bien le joystick mais il me manque le point centrale pour remettre la camera a son point initial
Bob
Avril 24, 2025, 12:38
9
Bonjour @WarC0zes
Et :
La carte dont tu es à l’origine il me semble:
type: custom:advanced-camera-card
cameras:
- camera_entity: camera.reolinkbobxxx_fluent
menu:
style: overlay
buttons:
cameras:
alignment: opposing
microphone:
enabled: false
icon: mdi:microphone
type: toggle
screenshot:
enabled: true
image:
enabled: false
mute:
enabled: false
icon: mdi:microphone-off
alignment: opposing
ptz_controls:
enabled: true
ptz_home:
enabled: true
live:
microphone:
always_connected: false
controls:
ptz:
orientation: vertical
style:
transform: none
right: 5%
top: 10%
cameras_global:
ptz:
data_left:
entity_id: camera.reolinkbobxxx_profile000_mainstream
pan: LEFT
speed: 1
distance: 0.2
move_mode: ContinuousMove
data_right:
entity_id: camera.reolinkbobxxx_profile000_mainstream
pan: RIGHT
speed: 1
distance: 0.2
move_mode: ContinuousMove
data_up:
entity_id: camera.reolinkbobxxx_profile000_mainstream
tilt: UP
speed: 1
distance: 0.2
move_mode: ContinuousMove
data_down:
entity_id: camera.reolinkbobxxx_profile000_mainstream
tilt: DOWN
speed: 1
distance: 0.2
move_mode: ContinuousMove
service: onvif.ptz
Il y a tellement d’entités que je me suis contenté de faire des automatisations avec cette caméra pour avoir des snapshot et vidéos en cas d’intrusion !
salut pour info j’ai que l’integration reolink, et ca fonctione bien meme pour bouger la camera, on a meme les position que l’on a programée dans la carmera
Bob
Avril 24, 2025, 12:40
11
Si tu ajoutes un preset avec la vue par défaut qui te convient ça doit le faire non ?
Ok, c’est l’intégration reolink qui fait ça. Sous ONVIF, ca y est pas.
Tu fais un mix entre les fonctions de ONVIF pour les PTZ et des options de l’intégration reolink
Cleya
Avril 24, 2025, 12:43
13
Ca peut se faire avec une custom:button-card (design identique à la demande avec un script pour chaque bouton)
1 « J'aime »
Hum , 30 lignes de codes ou 2000 lignes, difficile le choix
Cleya
Avril 24, 2025, 12:45
15
Non, largement moins de 300 lignes
Bob
Avril 24, 2025, 2:39
16
Aucune idée @WarC0zes , j’ai fait comme ça à l’install de la caméra suite à la lecture de post ici et puisque ça fonctionne je garde comme ça
Bob
sg72
Avril 24, 2025, 4:32
17
Avec un peu de patience, voici ce que j’ai réussi à faire
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
name: ""
styles:
card:
- width: 300px
- height: 25px
- border: 0px;
- background-color: transparent;
- type: horizontal-stack
cards:
- type: custom:button-card
color_type: blank-card
styles:
card:
- width: 50px
- height: 25px
- type: custom:button-card
name: ""
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
- type: custom:button-card
name: ""
icon: mdi:arrow-up-bold-circle-outline
tap_action:
action: toggle
entity: button.veranda_ptz_haut
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- type: custom:button-card
name: ""
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- type: horizontal-stack
cards:
- type: custom:button-card
color_type: blank-card
styles:
card:
- width: 50px
- height: 25px
- type: custom:button-card
name: ""
icon: mdi:arrow-left-bold-circle-outline
tap_action:
action: toggle
entity: button.veranda_ptz_gauche
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- background: "#111"
- type: custom:button-card
name: ""
icon: mdi:adjust
tap_action:
action: call-service
service: remote.send_command
service_data:
entity_id: remote.broadlink
device: tv_lg
command: "5"
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- type: custom:button-card
name: ""
icon: mdi:arrow-right-bold-circle-outline
tap_action:
action: toggle
entity: button.veranda_ptz_droit
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- type: horizontal-stack
cards:
- type: custom:button-card
color_type: blank-card
styles:
card:
- width: 50px
- height: 25px
- type: custom:button-card
name: ""
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- type: custom:button-card
name: ""
icon: mdi:arrow-down-bold-circle-outline
tap_action:
action: toggle
entity: button.veranda_ptz_bas
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
- type: custom:button-card
name: ""
styles:
card:
- width: 50px
- height: 25px
- background: "#111"
icon:
- width: 20px
- height: 20px
Cleya
Avril 24, 2025, 4:52
18
Le code :
type: custom:button-card
custom_fields:
button_left:
card:
type: custom:button-card
icon: mdi:chevron-left-box
styles:
card:
- aspect-ratio: 1/1
- width: 50px
- border-radius: 0
- border: none
icon:
- width: 50px
button_up:
card:
type: custom:button-card
icon: mdi:chevron-up-box
styles:
card:
- aspect-ratio: 1/1
- width: 50px
- border-radius: 0
- border: none
icon:
- width: 50px
button_right:
card:
type: custom:button-card
icon: mdi:chevron-right-box
styles:
card:
- aspect-ratio: 1/1
- width: 50px
- border-radius: 0
- border: none
icon:
- width: 50px
button_down:
card:
type: custom:button-card
icon: mdi:chevron-down-box
styles:
card:
- aspect-ratio: 1/1
- width: 50px
- border-radius: 0
- border: none
icon:
- width: 50px
button_middle:
card:
type: custom:button-card
icon: mdi:circle
styles:
card:
- aspect-ratio: 1/1
- width: 50px
- border-radius: 0
- border: none
icon:
- width: 50px
styles:
card:
- aspect-ratio: 1/1
- width: 150px
- border: none
- border-radius: 0
custom_fields:
button_left:
- position: absolute
- top: 50px
- left: 0px
button_up:
- position: absolute
- top: 0px
- left: 50px
button_right:
- position: absolute
- top: 50px
- left: 100px
button_down:
- position: absolute
- top: 100px
- left: 50px
button_middle:
- position: absolute
- top: 50px
- left: 50px
89 lignes… 99 avec les tap_actions
2 « J'aime »
Bob
Avril 24, 2025, 7:00
19
Cool mais je préfère la carte advanced-camera-card qui me donne tous mes preset Reolink nativement
1 « J'aime »
