Voice Recorder Card: Record your voice on the dashboard

Share your Projects! Dashboards & Frontend
, , ,
1

Hi everyone ,

I made a card, and maybe someone will need it.

You can record your voice either through the browser or the companion app, as long as the connection is secured via HTTPS. Once the recording is complete, an event will be triggered,then you can use automation to perform the actions you want.

If anyone has a similar need, feel free to give it a try and share your feedback!:grinning:

My repository

3 Likes
2

yo bro i cant seem to install this to my server. I try and it doesn’t work. This integration would work perfectly with something im working on. (edit: here is an image of what it says when i try to add it)

Screenshot 2025-01-13 212832
Screenshot 2025-01-13 2128321652×1237 18 KB

3

Hi,
I’m glad that this integration can help you. I have updated the HACS link. Please try again. :grinning:

1 Like
4

i finally got it installed but i got this error and idk how to fix it
Screenshot 2025-01-14 211957

edit, i got it working with www/ as the file path. but now im having a problem where the lovelace card is not poping up in the dashboard. it just says that the card isn’t there

i fixed the card not poping up with just clearing cache but now im having the problem where i can’t find the files to play them somewhere and also what updates when you are done with the recording?

5

You should be able to find your file in the configuration folder, and you can play it using the media_player.play_media action. When the recording is complete, an voice_recorder_saved event will be triggered, and you can use automation to listen to this event and play the file automatically.
event data:

{
  "path": # File path
  "size": # File size
  "filename": # File name
  "eventName": # Custom event name
}
6

what entity do i use to listen to the event? do you have an example of a complete automation? also thank you for the help your a real g for this

7

The automation can play a file,modify it according to your needs. Also, I have made modifications to the integration, so please make sure to update to the latest version.

alias: play record file
description: ""
triggers:
  - trigger: event
    event_type: voice_recorder_saved
conditions: []
actions:
  - action: media_player.play_media
    target:
      entity_id: your entity id
    data:
      media_content_id: >-
        https://your ha ip/your save path/{{
        trigger.event.data.filename}}
      media_content_type: music
mode: single
8

i updated and everything but i can get it to connect to my media device but it don’t make a sound, do i need to setup https?

this is the automation im running with the real ip

alias: play record file
description: “”
triggers:

9

You need to be in an HTTPS environment to record audio. If HTTPS is not used, there should be a persistent notification indicating that the microphone permission was not granted. Also, change your path from www to local, for example: https://000.000.0.000/local/{{trigger.event.data.filename}}.

10

if i try to change my path to local i get this
Screenshot 2025-01-15 160439

11

Sorry, I didn’t explain it clearly.
You don’t need to change the configuration, just change the media_content_id URL. When using the URL, “www” must be replaced with “local”.

12

that still didn’t fix it sadly. I am using my phone on my https connection and the automation connects to my speaker but doesn’t make a sound after.

13

Is there any error in the log?

Also, check that your URL is correct again “https://ip:8123/local/{{trigger.event.data.filename}}”

14

i got it working!!! i just needed to change it from https to http in the automation to get it up and rolling. now its just figuring out why browser mod is not playing audio but it worked with my speaker which is awesome

15

That’s great! Enjoy it, and feel free to share any thoughts or feedback with me :grinning: