How to build a raspberry pi picture frame media pc

Happy PI Day!!!

A few years back… ok… like 9 years ago. I built an interesting piece of functional art in my living room. It was my media center pc, mounted in a double picture frame on my wall. This thing served me well for a long time. But now it’s time to upgrade it.

After all this time the ATOM board in there has gotten a little sluggish, the distro isn’t supported, the black lights have gone bad, I think there’s a demon in there. It’s legit struggling.

So how are we going to upgrade it now??!?

Oh good you, you have it under control…

Oh man… I thought you were gone…

You are not a meme…. Let me finish…

Where was I? Oh Yeah. What we are doing to upgrade… So here is the checklist.

  1. Replace old ATOM board with new raspberry pi
  2. Replace black light bulbs with RBG led strip.
  3. Add simple to use RF remote
  4. Flash PI with OSMC for a distro that will keep updated on a regular basis.
  5. Add wemos D1 Mini to control LED in frame lighting
  6. Flash wemos with WLED project for simple easy lighting control
  7. Add wemos to home automation system to turn on/off lights on schedule

Not a ton of work, but there is some work to be done.. So lets get to it!

Woo do work fool!!!

Not helpful…

Materials List

2 Ribba Picture frameshttps://amzn.to/30IWvE4
or
https://amzn.to/2OPuaco
Misc wire / perf boardhttps://amzn.to/3lfiWtS
RBG led striphttps://amzn.to/3rQ7gA8
Hingeshttps://amzn.to/2PXjx7P
1 3 port keystone wall platehttps://amzn.to/3vkwXuW
1 hdmi keystone jack pass throughhttps://amzn.to/2Owwmph
1 rj45 keystone jack pass throughhttps://amzn.to/3eyVgiH
1 keystone jack blankhttps://amzn.to/3tuqf3Z
1 5v 10amp power supply (barrel plug)https://amzn.to/30EYidj
1 barrel plughttps://amzn.to/3qMx6nw
1 usb adapterhttps://amzn.to/2PYoJbD
1 small pc fanhttps://amzn.to/3rOgOvw
1 raspberry pi 3/4pi3 – https://amzn.to/30FX7KH
pi4 – https://amzn.to/2OoklCy
1 usb cablehttps://amzn.to/3cx8ycP
1 wemos d1 minihttps://amzn.to/3qLjkl1
LED ribbon cablehttps://amzn.to/30JQ5EK
motherboard stand offshttps://amzn.to/3lh4phl
LED connectorshttps://amzn.to/3rHbfix
OSMC Remotehttps://osmc.tv/store/product/osmc-remote-control/

So, those picture frames don’t look like what you have….

Yes, I know, remember, I am upgrading from an older build. The goal of the picture frame is to be tall/wide enough to house your board and deep enough (why I suggest 2) that you can mount said board inside it with stand offs. The second important piece with the picture frames is to make sure that you have some matting to hide things behind.

How to create a wall mounted pi media player

Ok. So lets get started.

Lets take the 2 picture frames, and stack them, and add some hinges so we have a nice box to work with.

Take the 3 keystone plate and put the hdmi and network pass through it. Take the blank and drill out a hole to fit the barrel plug.

Arrange them however you best see fit. Now with a rotary tool cut around the keystone jacks so that what’s remaining can fit on the side of the frame. I cut around the existing screw holes so they could be reused to fasten to the frame.

As you can see from the first build you mount the board in the middle and start taking care of the wiring.

You take care of wiring.

*sigh*

Then add some lighting.

Here are few shots of the build back in the day.

So now, we move to the upgrades. We are removing the board and and replacing with a Raspberry Pi.

Upgrades to move to Raspberry Pi

Now since I have some LED strip, a wemos d1 and a raspberry pi to power, I am going to create a power distribution board.

Wire up our new LED strip instead of the old blacklights.

Ok. So now we have this beautiful beast all built out. Lets make it do a trick.

hehe… what kind of trick?

Are you 12? Seriously, what’s wrong with you?

Me? Im not the one talk to… you know what, nevermind. Continue.

Thank you.

So we have WLED installed on the Wemos D1 Mini. If you don’t know what WLED is, it is a beautifully written program for the d1 mini to do LED light control. HUGE shoutout to Aircookie for such a great piece of software! https://github.com/Aircoookie/WLED

Supports most LED light strip, but also give you some really awesome control over the LEDS. I have worked with it on some other projects including my neo-pixel LED christmas tree decoration I did this past christmas.

Aside from the really cool effects, the mobile apps (ios / android) but WLED also has support with tons of Home Automation Systems. I am currently using OpenHab so I will add a scheduled integration so it’s added as a “living room” light, in the group gLivingroomLights. This will automatically add it to the automation to turn on the LED’s with the rest of my living room lights which turn on 15 minutes after sunset each day. If we leave and turn off the lights, when we arrive back home, the lights automatically turn on when we pull in. The picture frame is now part of that. When it’s bedtime and the living room lights all turn off, so does the picture frame lights.

Since this is also a full color/dimmable type of light, it will automatically following follow the rest of the dimming controls for the livingroom lights, including integration into Kodi for the Cinema Vision home automation integration.

For Openhab you can integrate using the build in binding. Or via MQTT, http rest call.

For HomeAssistant you can integrate like this.

The Results

There we go. An upgraded picture frame art PC on the wall. We have added some nicely controlled LED lighting and have integrated in with the home automation system.

So what else does it do?

What do you mean what else does it do? It’s a Kodi Media player integrated in to plex with plexkodiconnect to sync everything up. It can play back all the media on the network, receive casted data and airplay.. what do you mean what else can it do?!

Yeah, what else can it do?

Home automation on screen notices and surveillance camera pop ups on motion?

Ok… that’s pretty good.

TLDR

Who’s That? What’s That? CCTV setup

Hello Hello again.   Recently I was chiming in on a thread on reddit regarding CCTV.  I mentioned how my cameras/cctv is setup.  Then I thought.

light-bulb-moment

Hey, you know would like to know this?

EVERYONE!!!!

 

 

Really.  Conversation totally happened in my head.  Told you Doctors it’s not too crowded up there.

Let’s begin!!

This all really started because of my 3dprinter…..

“How…. Huh…. But you…..”  I hear you saying it.  It makes no sense.  But Ill fix that little red wagon.

Aerial_Vista_Security_Camera_preview_featuredI love searching around on thingiverse.com it’s actually part of my daily sites to check.   So I came across this thing.   It’s a security enclosure for a raspberry pi and pi camera… WHAT?!?!?!

I know.  I thought the same thing.  I need that…..   So I started printing the parts.

2016-03-18 07.09.022016-03-18 07.48.26

Once I had it printed, I threw in my pi camera (NOIR).  The NOIR made it even better for being a security camera.  Ok, so cool.  How about software?

I was looking for some super simple camera software as there are tons of “security” camera projects out there for the pi.  I came across this one “MotionEyeOS.”   58732063Being built off the program Motion I decided to get in and test it out.  Flash the SD card and boot it up, gets an IP.   I just checked my dhcp leases on the router to find the ip, then gave it a static IP.

 

Once you have the IP just throw that ish in the browser!!  Configure your network settings ect.  But in the expert settings there is a switch.  Turn it on.

 

No seriously.  Turn it on.

2016-06-16 15_38_25-iseeall.noip.me - Remote Desktop Connection Manager v2.7

Yes I know.  The fast network camera page on the wiki looks like it kills alot of stuff.

 

The Differences

When you have Fast Network Camera enabled, you’ll notice that:

  • your motionEyeOS-based camera can reach a significantly higher frame rate, at a higher resolution
  • you can tweak many CSI camera-specific parameters directly from the UI
  • your browser will eat up less CPU at the same frame rate/resolution (it uses a pure MJPEG stream, rather than triggering every refresh from JavaScript)

On the other hand, this doesn’t come without some disadvantages:

  • no more motion detection
  • no more motion notifications
  • no more pictures or movies
  • no more overlaid text (date/time, camera name)
  • a significantly higher network bandwidth usage
  • you’ll need to forward port 8081 as well, if you want to access your camera from the Internet

 

No motion detection!?!?!   Are you crazy that’s why I am even reading this stupid page!!!!!!

 

EcstaticTightBuckeyebutterfly-size_restrictedCalm down.   Please calm down.  Can you even use that as a weapon?!?!   

Just let me finish before you use that thing!!!

So you enable fast network camera.  This lets you get some faster higher quality out of the camera.  Now here is the fun part.

I setup a VM of ubuntu and installed MotionEye.  Not MotionEyeOS but MotionEye.

BeQZIS7CEAAemgwOnce you have it running hit your motioneye server (http://<motioneyeserverip:8765)  and you will get another nice web interface.

In here, you will add a new camera, and set it up to point to your raspberry pi camera.

camsettingNow what is really cool here is you can setup a few cameras.  When I first set it up, I had 1 camera and then I found 9 traffic cameras and marina cams and what not from places all over the world and was able to plug them in.  Truly felt like a super villain being able to see everything!

Now that you have your cameras in motioneye we can now use the motion eye server to handle our motion detection.  See, I told you I would get there.

There are some cool setting here that you can do.  For example:

settings1

settings2

 

 

 

 

 

 

  • I have my video streaming setup so I can embed individual streams if I want into a web page, maybe a security camera sitemap page in openhab?
  • I have still images setup and capture when motion is detected.
  • I have Motion Detection configured that more than 5% of the frame has to change.
  • Then the fun part in Motion Notifications

I have a script configured on motion detection.


/usr/bin/notifycam.sh %t


This script is very simple.  It has 2 lines currently.  I honestly could knock it down to one.   Or I could add some additional code to handle different items for each camera.  The %t just passes in the camera ID.
57448311Ill go over that in a minute…. I SAID IN A MINUTE!!!!!!

On my Kodi media system in my office I installed this great add in called

Security Camera Overlay

It’s a very interesting add in.  You configure it for your security camera.  Well, I have mine connected to motioneye.

2016-06-16 20_46_26-ubuntudev1In MotionEye if you click on the Streaming Video there is a link in there called “Snapshot URL”

2016-06-16 20_48_34-KodiGrab that, you will need it to configure your Kodi system.

Put that snapshot URL in the Image URL field when configuring your add on.

 

 

 

 

2016-06-16 20_48_22-KodiOn the Behaviors tab, if your camera supports 16×9 I definitely recommend changing the Window width/height.  I have it refresh every half second and auto close after 4 seconds.

 

 

2016-06-16 20_37_41-KodiSo what does this look like?  LIKE THIS FOOL!!!!

It pops up right over Bob’s Burgers!!! refreshes a few times, let’s me see what’s going on and slides right back off.

 

Back to the script


/usr/bin/curl -g "http://xx.xx.xx.xx:8080/jsonrpc?request={%22jsonrpc%22:%222.0%22,%22method%22:%22Addons.ExecuteAddon%22,%22params%22:{%22addonid%22:%22script.securitycam%22},%22id%22:%221%22})"
/usr/bin/curl --header "Content-Type: text/plain" --request POST --data "ON" http://xx.xx.xx.xx:8080/rest/items/PorchMotionDetected

Explanation:

Line1: sends a json packet to my Kodi install in my office telling activating the great addon Security Camera Overlay.  This makes it slide over whatever you are watching.

Line2: sends a “motion detected” packet to openhab.  In my openhab Items file there is a simple switch I can add all my rules around.

downloadIn writing this I learned something today.  I am going to make a couple modifications in the future.

The notifycam.sh file will be adjusted down to 1 line.

It will just make the call to openhab.

But it will look something like

<pre>/usr/bin/curl --header "Content-Type: text/plain" --request POST --data "ON" http://xx.xx.xx.xx:8080/rest/items/CameraMotion%1

That way I don’t have to recode the script when I add a camera. I just need to add a new item CameraMotion<ID> to openhab.

Then I can add all the camera’s to a gSecurityCam group and build some rules around state change in that group. Then openhab can send out the notifcations to pop up the stuff on my kodi and any other kodi system I wish, as well as send me notices through other openhab notifcations.

I hope this was long enough for you…