MMM-AlexaPi

j.e.f.f

@borrigan I wasn’t able to get mine to show up in the mirror interface either, but otherwise AlexaPi was functional. In my case I needed to enable it for all users in the config:

{
  module: "MMM-AlexaPi",
  position: "lower_third",
  classes: "default everyone",   // Needed this line
  config: {
    ...
  }
},

I hope this helps!

Jeff

michael_klatt

hy,
i have Alexa from this site installed:

http://lifehacker.com/how-to-build-your-own-amazon-echo-with-a-raspberry-pi-1787726931

Is has a function and goes good.
I installed the Magic Mirror with my packages what ive done. Problem is to get both in the Mirror.

Im a Newbie, but i have an Idea:

Before the MM starts i need an Autostart File that does this:

Alexa 1: cd ~/Desktop/alexa-avs-sample-app/samples/companionService && npm start
Alexa 2: cd ~/Desktop/alexa-avs-sample-app/samples/javaclient && mvn exec:exec
Alexa 3: cd ~/Desktop/alexa-avs-sample-app/samples
cd wakeWordAgent/src && ./wakeWordAgent -e kitt_ai

Then i have Alexa in the Back and the Mirrors starts with PM2!

Is that right???

Can anyone help me or was my Mind wrong.? Thanks Michael

lucallmon

@michael_klatt that’s all good and well, but do you have a script to auto launch at startup that loafs all three of those individual scripts? Nope. That’s what AlaexaPi does. It just loads automatically.

borrigan

Hi @j-e-f-f ! Thanks a lot for your response. I tried adding the “classes” line, but still nothing shown in the mirror interface. Alexa responds, but it would be great to see the status in the Mirror. Really weird.

Have a great day.

borrigan

@j.e.f.f I found a solution. It seems that the font-awesome style sheet is not being loaded by default, so the microphone icon does not show.

I edited the index.html file located at the root folder of the MagicMirror installation, and added the following line:

< !-- custom.css is loaded by the loader.js to make sure it's loaded after the module css files. -->
< link rel="stylesheet" type="text/css" href="vendor/node_modules/font-awesome/css/font-awesome.min.css" >

I added a space between the < so it could appear here, apparently the editor won’t allow me to paste these kind of lines directly.

Hope this helps.

michael_klatt

Hy,
That hears good. But i See a blank Line here. Michael

borrigan

@michael_klatt sorry about that, I edited the post.

clumsy_ninja

@borrigan Ahh I see. Maybe I was just using a different module that loaded that stylesheet for me?

I’m not expert in css/js/html so I kinda just modified this stuff till it worked.

Can you do a PR with the fix?

Cheers
Dion

clumsy_ninja

@michael_klatt This module doesn’t with work with the AVS sample app. It needs AlexaPi because it has some modifications and starts everything automatically as @lucallmon said.

clumsy_ninja

@j.e.f.f Thats was my initial plan, to make a custom skill so you could do all sorts of stuff.
Unfortunately I just don’t have the time anymore to continue working on this but I’d be really happy if someone else could.

I also wanted to add some capacitive buttons at the bottom of my mirror to interact with it (change whats shown, brightness, volume etc) but also to manually trigger alexa incase the voice activation is messing up.