[CARTE] Recherche youtube dans une carte

Bonjour,
je n’est rien trouver a ce sujet; alors je vous propose une solution pour avoir une carte lovelace avec la recherche de musique pour youtube.
Depuis 3 mois le développeur de GitHub - KoljaWindeler/ytube_music_player: YouTube music player for homeassistant a ajouter un capteur extra qui permet les recherches sur youtube. Mais il faut aller dans les services et faire appel, ce qui est pas pratique. Un utilisateur a proposer une solution Youtube Music - Media Browser - #678 by danil - Feature Requests - Home Assistant Community.

je vous la présente un peu mieux détailler.

Requis:

Créer un input_text dans Paramètres / Appareils et services / Entrée.

Configurer l’input_text telle quelle:
Nom: ytube music player search
Icone: mdi:magnify
Mode d’affichage: texte
Modèle regex: mettre le nom de l’artiste que vous voulez comme valeur initial, qui sera restaurer à chaque démarrage (au lieu de garder l’ancienne recherche).
Puis sauvegarder.

On va créer un script dans Paramètres / Automatisation et scène / Script.

alias: Search Youtube Music
sequence:
  - service: ytube_music_player.search
    data:
      entity_id: media_player.ytube_music_player
      query: "{{ states('input_text.ytube_music_player_search') }}"
mode: single
icon: mdi:account-plus

On va créer une carte dans le dashboard:

type: horizontal-stack
cards:
  - type: entities
    entities:
      - entity: input_text.ytube_music_player_search
    show_header_toggle: false
    card_mod:
      style: |
        ha-card {
          height: 84px !important;
        }
  - type: custom:button-card
    name: Search
    layout: icon_name
    color: rgb(68, 115, 158)
    tap_action:
      action: call-service
      service: script.search_youtube_music
    show_name: true
    show_icon: true
    icon: mdi:magnify
    size: 50%
    styles:
      card:
        - top: 19px
        - height: 50px
        - width: 166px
        - padding: 0.1em
        - '--mdc-ripple-color': rgb(68, 115, 158)
        - '--mdc-ripple-press-opacity': 0.5
        - box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.7)
      name:
        - font-size: 1.1em
        - white-space: normal

Résultat:

Vous avez juste a taper votre recherche dans la partie texte et cliquer sur le bouton rechercher.
Cliquer sur votre lecteur youtube , puis sur « parcourir les médias » pour voir le résultats de la recherche.

Et la, Magie !!!

Plus cas sélectionner votre morceau et écouter votre musique :man_dancing: :dancer:
Bonne journée a tous.

3 « J'aime »

Merci pour ce tuto :+1:
PS: je suis jaloux de ta TV :sweat_smile:

1 « J'aime »

Bonjour

Merci pour le tuto mais j’ai une erreur quand je clic sur le bouton de recherche.

Y a t’il quelque chose à modifier dans la partie script car avec toute les améliorations de HA …

Bonjour,
rien a changer depuis la création du tuto, mais j’ai remarquer une erreur dans le code du script fournie dans le tuto.
J’avais mis le code, copier directement du scripts.yaml, j’ai modifier le code copier directement du script dans le UI.
Refait le script du UI et colle le code que j’ai modifier.

alias: Search Youtube Music
sequence:
  - service: ytube_music_player.search
    data:
      entity_id: media_player.ytube_music_player
      query: "{{ states('input_text.ytube_music_player_search') }}"
mode: single
icon: mdi:account-plus

merci pour ta réponse mais tu as modifié quoi exactement

avant, copier directement du scripts.yaml en YAML:

search_youtube_music:
  alias: Search Youtube Music
  sequence:
  - service: ytube_music_player.search
    data:
      entity_id: media_player.ytube_music_player
      query: '{{ states(''input_text.ytube_music_player_search'') }}'
  mode: single
  icon: mdi:account-plus

Correction, copier du script par le UI en mode YAML:

alias: Search Youtube Music
sequence:
  - service: ytube_music_player.search
    data:
      entity_id: media_player.ytube_music_player
      query: "{{ states('input_text.ytube_music_player_search') }}"
mode: single
icon: mdi:account-plus

j’ai toujours la même erreur… :face_with_peeking_eye:

Ta bien ce nom pour le script script.search_youtube_music ?

Merci c’étais bien ça … c’est ok maintenant
Apres test c’est pas super pratique pour faire des recherches mais cela ne viens du taf que tu as fais.
Peut être cela va s’ameliorer

1 « J'aime »

Merci pour le partage :+1:

Peut être pourrais tu préciser que l’input_text peut également être créer depuis Lovelace et que le remplissage du champ initial va le restaurer à chaque démarrage (au lieu de garder l’ancienne recherche).:innocent:

Oui, je vais le mettre a jour.

Bonjour,
Mise a jour du tuto.

  • modification de la création du input_text, qui ce fait par le UI maintenant.
  • Correction du nom de Configuration qui a été changer en Paramètres
  • MAJ des images.
2 « J'aime »

top merci pour la MAJ

Bonjour,
une nouvelle carte a été créer pour Youtube, elle inclus une carte pour la recherche sur youtube.

recherche Youtube

Lecteur media Youtube

1 « J'aime »

Merci pour le partage ça commence à être sympas cette affaire :slight_smile: