loading

The goal of this project was to create a low cost Raspberry Pi Media Panel--a nice looking screen that could stand in the living room or attach to the refrigerator with the primary purpose of streaming personal photo and video content full time, but also be able to do some other cool things when needed...like show the weather, play a movie, play music, or receive AirPlay content.

Read this blog post if you want to learn more about what a media panel is and why you might want one.

Success criteria were:
-Low cost: a full blown computing device and screen for between $100 and $200 all in
-Attractive: meaning my wife finds it aesthetically acceptable for the living room
-Light: no more than a few pounds
-Thin: no more than an inch thick, including frame
-Quick: can be built in a few hours or less
-Simple: requiring mainly assembly, versus construction or manufacturing

Update:

Several people have asked me about an integrated product/service like this that is off-the-shelf. I've been working on one for over two years, and it unlocks the photos and videos you have in the cloud and creates smart channels of your content you can stream to any screen. It's like Pandora, but for your memories.

We call it Fireside.

Fireside makes enjoying and sharing your photos and videos as easy as taking them--and it makes it easy to turn your tablet (or any Android device) into a smart photo frame. It also makes it easy to add an auto-curated "family channel" to your TV. If Sonos is your home's audio ambience, Fireside is your home's visual ambience.

The app is currently free from Amazon, and works with Google Photos or Dropbox. Try it now.

Step 1: Select the right LCD Screen

There is a lot to picking the right LCD screen...so much that I wrote a completely separate blog post on how to select the right LCD screen for your media panel. If you want the full details and/or are thinking of doing something different, read that post.

To keep things short and simple, I recommend using a 15" or 17" screen similar to the screens used in the MacBook or MacBook Pro. You can, of course, also use a screen from an old laptop you already own, but you need to make sure you can find an LCD controller board that can operate it.

We bought our screens from Laptopscreen.com, and the exact models we chose were the LG & Philips LP154WP1-TLA1 and the LG & Philips LP171WU3-TLA2. They were about $75 each brand new. Both screens were matte finish, though the next time I think we'll opt for glossy.

Don't worry so much about the numbers after the dash...they don't have a large impact on the screen. The critical numbers that determine whether an LCD Controller will support your panel and how to program it are the LP154WP1 and LP171WU3.

If you have questions, or are thinking about getting a different screen, read this blog post first.

Advertisement

Step 2: Order an LCD Controller Board

As you may have read in the blog post on picking LCD screens, there are a number of places you can buy an LCD controller board. However, I think the best is a company called NJYTouch based in China. For the LP154WP1 or LP171WU3 screen, order Model 5451 (audio) from their eBay Store. It costs about $40, and includes the inverter, a control switch (so you can turn your screen on and off) and the correct LVDS connector cable for your LCD screen...plus the programming so that when it arrives it is plug and play.

Shipping for the item is currently free, but takes about a month to get to the US. Instead, ask to upgrade to DHL after you've purchased and for about $20 more the unit will arrive in under a week.

You will need to buy a 12 volt 4 amp power adapter--you can use any standard 2.5mm internal diameter 5.5mm outer diameter. We used this one from Amazon rather than having NJYTouch ship one specially from China.

You'll also need to buy an HDMI A to DVI 24+1 cable, since the controller board has DVI and VGA input but no direct HDMI. We used this one from amazon.

If you want to have audio, you need a device that can take the audio track off HDMI and deliver it via 3.5mm analog. You can find these on Amazon for between $30 and $99, depending on options. We've used this $43 product from J-Tech Digital with the X-mini II speaker via 3.5mm jack and had a good experience.

Unfortunately, there is a problem with the 3.5mm analog out on the Raspberry Pi board itself, and if you try to use it you will get a lot of popping and background noise. Similarly, if you try to add a USB sound card and take audio off via software, you'll find relatively poor performance and audio/video delay and syncing issues in our experience. Currently, the only reliable way is to take audio off HDMI.

Step 3: Order a Frame

Once your LCD screen arrives, it's time to get out the tape measure and get the exact dimensions so you can order a frame for it. American Frame provides nice looking and low cost cut-to-order metal frames to your exact specification. Unfortunately, they do not cut metric sizes. Since LCD panels are made to metric specifications, you will have to calculate the size using 16ths of an inch as best you can. If you can't get a perfect match, round up to make sure the panel will fit inside the frame.

I recommend the Radius Colorcast line since the slightly larger rabbet depth fits the depth of the LCD panel a little better and the rounded bevel makes a slightly more attractive package. The Standard line works fine too if you want something simpler. Colors worth checking out include Black, Bright White, Right Red and Natural Steel. The frames you see in the photos of this tutorial are all Natural Steel.

Make sure you order the standard white mounting board and that you remove the matting and the acrylic that are automatically added to the order. You don't need them. Total cost should be around $10-15 plus shipping, which will take up to about a week depending on where you're located.

Step 4: Magnetic Mount vs Stand vs Hanging

Now you need to decide where you want to put your frame so you can get the correct mounting hardware. If you're going to hang it, your frame will ship with everything you need.

If you want to mount it on the refrigerator, we recommend getting four extremely strong magnets. We used MMR-A-X8 Neodymium mounting magnets from K&J Magnetics for about $5 each. In retrospect, this may have been overkill, but the good news is there is no chance that our Media Panel is going to accidentally come off the refrigerator. To attach the magnets to the frame, you will need a 2" x 1/2" mending brace (sold at Ace Hardware or similar) and four 1/6" wide x 1/2" long machine nuts and bolts.

If you want to stand your Media Panel on a desk or a table, the $5 Easel Mate by Albin Products is a great solution. Do not order directly from Albin like we did. Albin is the designer of the Easel Mate and wholesales it. Unfortunately, the Easel Mate they sell on their web site is the wood screw version, and will not work for our metal frame. Many picture frame stores seem to carry the Easel Mate, and we ended up buying it at University Art in Palo Alto. A quick Google search will turn up many other suppliers you can order from online.

Step 5: Order a Raspberry Pi and Accessories

With the longer lead time items out of the way, it's time to buy the brains of your Media Panel, the Raspberry Pi. We bought our Raspberry Pi Model B for $35 from Element14. To round it out, you'll also need a few more things:

-USB WiFi (unless you plan to use ethernet). We use this product from Edimax which is about $9.
-A case for your Pi: We like this one you can buy on Amazon in a variety of colors for about $12.
-An SD Card for your operating system. We like this 8 GB one from Amazon for about $7.
-A cable to power your Raspberry Pi, either a Micro B AC adapter ($5) or a USB A to USB Micro B ($5) if you plan to backpower your Raspberry Pi from a powered USB hub (more on this later). Backpowering is recommended, as connecting all your USB peripherals to the USB hub offloads the power draw from the Raspberry Pi and results in more stable Raspberry Pi operation.
-(Recommended) Powered USB hub. We use this model from Belkin which was about $17.
-(Recommended) USB Mouse and Keyboard. If anything goes wrong during your setup, it can be convenient to just plug a mouse and keyboard in to address the problem vs using SSH or your XBMC remote control. You probably already have them, and if you don't you can get them pretty cheap from Amazon. Make sure you pick one from the RPi Verified Peripherals list.

If you decide to deviate at all from this specific set of items, be sure you check the Rasperry Pi Verified Peripherals list first to see if it works with Raspberry Pi. Do not assume something will just work.

Step 6: Prepare your Raspberry Pi

The next step is to load the operating system on your Raspberry Pi. There are lots of operating systems you could use, but our experience has been best with Raspbmc. It's a minimal Linux distribution based on Debian specifically tuned for running XBMC on Raspberry Pi. The system auto-updates, and it boots directly into XBMC.

Follow these directions to download and install Raspbmc. Be sure to set up your install so that your Raspberry Pi has network access. This means you need to configure WiFi.

Power up your USB hub and connect it to one of the Raspberry Pi USB A jacks. Then from one of the 4 ports on the hub, connect your USB A to USB Micro B Cable from the hub to the USB Micro B jack on the Raspberry Pi. This is called backpowering, and will be how your Raspberry Pi receives power. Finally, connect your USB WiFi module and testing keyboard/mouse (if you like--not essential).

To verify your install worked, connect your Raspberry Pi to a TV via HDMI and make sure it boots into XBMC. Also, make sure that you can see the weather and RSS feeds so you know Internet access is working on the device. Navigate into the System: Info section and write down your device's IP address in case you need it in the future for SSH access or to set up your remote control.

Also, I recommend enabling "Allow control of XBMC via HTTP" in System: Settings: Web Server (so you can use the remote control app for your smartphone) and "Allow XBMC to receive AirPlay content" in System: Settings: Airplay.

Finally, download and install the free XBMC app for your iPhone or Android phone so you have a remote control for your system.

Step 7: Assemble the LCD Controller Board

Here is a video that shows you how to put together the LCD Controller Board and accessories you have received. Assemble as described in the video, but do not attach the LVDS cable to the LCD panel yet. We'll do this in the next step because the cable must pass through the hole we need to cut in the mounting board.

Step 8: Assemble the Frame

This step is for putting together all the pieces. Assemble your frame and insert the LCD panel and LCD Controller Board as per the video. Provided everything goes right, it shouldn't take more than about 10 minutes.



Once your frame is assembled, connect power to your LCD controller board, plug in the HDMI cable to your Raspberry Pi and then power up your Raspberry Pi to get the first glimpse of your Media Panel in action.
 

Step 9: Adding Your Media and Operating Your Media Panel

Two (among many) ways to add personal media to your Media Panel are as follows:

The first method is easy and requires no technical abilities, but requires buying a USB flash drive. Buy a USB Flash Drive (like this 64 GB SanDisk for $38) and create two folders on it using the computer that stores your media. One for videos, and one for photos. Copy your personal photos and videos into the correct folder. Unplug your flash drive and plug it into the USB hub connected to your Raspberry Pi. Now you just need to tell XBMC where to find the media (see below).

The second method is to copy the files directly to the SD card on the Raspberry Pi, which requires using SCP / SSH. SSH to your Raspberry Pi and create folders for your media in /home/pi. Open a terminal window on another computer on your network and type 'ssh pi@ipaddress' and then enter raspberry for the default password. ipaddress should be replaced with the IP address of your device, like 192.168.1.2 as an example. You will now be in the /home/pi directory. Type two commands: "mkdir pics" and "mkdir videos" followed by "exit" to log out. Now navigate to the directory containing your photos and type this command "scp * pi@ipaddress:/home/pi/pics". Enter your password again, and make sure you don't have anything else in the folder other than photos because everything in the folder is now being copied to your Raspberry Pi. Do the same for videos using "scp * pi@ipaddress:/home/pi/videos".

Now that your media is accessible locally to your Media Panel, you need to make XBMC aware of it. Under Pictures, go to "Add Source" and select your pics folder. Do the same under Videos for your videos folder.

To set up XBMC to do a photo slide show, follow these directions to add the Slideshow Screensaver and configure it to use your pics folder.

To run a video loop, use the following steps (kludgy, I know...):
-In System, Settings, Video, Playback, select "Play the next video automatically" play next item in a folder
-Navigate to your video folder under Videos, Files
-Using your remote control, change the mode to gesture.
-Select and hold down on the video folder. From the pop-up menu, click Queue Item.
-Select and hold down on the video folder again. From the pop-up menu, click Now Playing.
-You should be presented with a list of all the videos in your folder.
-Gesture left to get the right menu and select Shuffle (unless you want to play videos in order).
-Click once on a video to start your infinite video loop playing.

In addition, of course, you can configure your Media Panel to have all the standard video and audio services of XBMC, including Amazon Instant Video, Hulu, Youtube, and countless others.

Enjoy!

<p>Hi, I see this and I am wondering, I work for a 911 Dispatch center and I was thinking of a project that would allow me to put displays around the hallways that act as digital fire escape displays, but could also be used to display other information, like in the case of a fire (detected via sensors) display the exit route for the location that the screen is in. Is this something that could be done with your display?</p>
Thanks for the note. Sounds like an interesting use case and might use similar components, but the software it would need is quite different and it sounds to me like a separate product.
<p>Also, is there any way to power the raspberry pi from the controller board?</p>
<p>Also, is there any way to power the raspberry pi from the controller board?</p>
<p>Also, is there any way to power the raspberry pi from the controller board?</p>
<p>I got the exact same panel as you (LP171WU3-TL-A2). Is there any chance you can share the exact dimensions of the frame that you ordered and all the other parts from American Frame?</p>
<p>Is it possible to view Fireside (app.fireside.co) on XBMC (or OSMC)?</p>
I don't believe so. They would need to support Android or HTML5 apps, which the last time I looked they do not.
<p>Is there a way to configure the slideshow to start automatically or do you have to start it with your mobile device?</p>
<p>I bought the [t.vst59.031 lcd controler board][1] to use it on an used laptop screen. The problem is that this board doesn't come with the LVDS cable.</p><p>I have the LVDS cable from the laptop but the pins don't match on the controller side. Should I buy a cable like [this one][2].</p><p>Or should I just get the cables and connectors and build it myself? How easy is it?</p><p>Or can I use half of the laptop's LVDS cable (with the connector on the lcd side), cut the other end(connector to the motherboard), and bind it with a 30pin [connector like this][3]?</p><p>My lcd is a samsung LTN154X3-L03.</p><p> [1]: http://www.ebay.co.uk/itm/272086508548</p><p> [2]: http://www.ebay.co.uk/itm/25cm-FIX-30P-S8-30-Pins-Hole-Forward-LVDS-Cable-For-LCD-Panel-Display-Replace-/291435337233</p><p> [3]: http://www.ebay.co.uk/itm/8-Sets-FC-30P-30Pin-2-54mm-ISP-3-in-1-JTAG-Socket-Connector-for-Flat-Ribbon-Wire-/391220404596</p>
<p>Hello, </p><p>I'm trying to do a similar project.</p><p>I have an old laptop lcd screen (LTN154X3-L03) and was planning to order this item to connect it to the raspberry pi:</p><p><a href="http://www.ebay.co.uk/itm/272086508548" rel="nofollow">http://www.ebay.co.uk/itm/272086508548</a></p><p>The description of the item mentions that it supports my screen but the problem is that this item seems not to have an &quot;inverter&quot;. </p><p>The &quot;inverter&quot; seems to be present in most projects like this one...is it really needed? what is it for? </p><p>And is it possible that this item (T.VST59) has the inverter integrated in the board?</p><p>(I've asked the distributed and they claim not to be technical and do not know.)</p><p>Many thanks</p>
<p>An inverter takes low voltage DC and steps it up to the high voltage needed for a fluorescent tube backlight. The tubes look like long glass thermometers or miniature versions of your 4 foot shop light tubes. If you have LEDs or want to start off with new parts you don't need an inverter, because LEDs work off lower voltage. </p>
<p>Very nice!!</p>
<p>could this be accomplished with the new pi zero?</p>
<p>I've an idea to replace all the choir books with a simple and very inexpensive picture display. It would need to be capable of storing the music pics I scan in and would really be nice if I could update using wireless instead of USB, etc. The screen needs to be 10-11 inches max and doesn't have to show video or anything more complicated than simply viewing pics. Any thoughts?</p>
<p>Can you show the back? I'm curious how you hid everything. I did a similar build a few years ago using a 19&quot; Dell display and an antique laptop, but it was about 2&quot; thick and weighed a ton. Beautiful build!</p>
<p>Thanks for sharing! I've been looking at doing something like this for at least two years, but the frame has always been an issue until now. Thank you for sharing! Out of curiosity, has anyone tried to do anything with the Pi Signage Server: https://github.com/colloqi/pisignage-server?</p>
<p>Hello, </p><p>I'm trying to do a similar project.</p><p>I have an old laptop lcd screen (LTN154X3-L03) and was planning to order this item to connect it to the raspberry pi:</p><p><a href="http://www.ebay.co.uk/itm/272086508548" rel="nofollow">http://www.ebay.co.uk/itm/272086508548</a></p><p>The description of the item mentions that it supports my screen but the problem is that this item seems not to have an &quot;inverter&quot;. </p><p>The &quot;inverter&quot; seems to be present in most projects like this one...is it really needed? what is it for? </p><p>And is it possible that this item (T.VST59) has the inverter integrated in the board?</p><p>(I've asked the distributed and they claim not to be technical and do not know.)</p><p>Many thanks</p>
<p>Made one!</p>
<p>Any chance the instructions could be updated for panels that are in stock somewhere, and compatible components? I know that's a pain in the you know what to update, but&hellip;</p>
<p>Great Instructable! </p><p>Is there anyway to mix news &amp; weather into the photos slideshow so that we see updated news and weather along with the photos ! That would made for a perfect media Panel !</p>
<p>Hi SnehalB3, XBMC has addons that allow you to add various things like news or weather. I'm not sure exactly what is available now or how it might work with the media panel, but this is where I'd look if you want this for xbmc.</p>
<p>I'm looking for a fireside-like app for a custom photo frame that will fit into the apple ecosystem. Any suggestions?</p><p>Best,</p><p>Bruce Denham (bdenhamATsuddenlinkDOTnet</p>
Hi Bruce. Fireside will have an app for iOS and tvOS shortly. If by apple ecosystem you're looking for something that can access photos and videos in iCloud that is a much more challenging question since Apple only allows access to iCloud content through iOS.
<p>Ah Ok. Yes, I was wondering about that. I may just have to create an iOS app and install it on my old iPad 3, but then I'm limited in screen size. I may also look into jailbreaking my AppleTV 2, then mounting it on the back of the monitor. Bulky, but I'll surround with a nice picture frame and mount on the wall. Wiring may be a problem...Got a lot more to think about. But thanks for your post. I really like the idea of using a laptop monitor with a raspberry pi 2, but squeamish about connecting up and programming the the right LCD controller with the right code. But you've inspired me! Thanks. </p><p>Any other tips or advice is always appreciated. Many thanks.</p>
<p>My pleasure, Bruce. Good luck!</p>
<p>BTW, I just checked out your Fireside site, read more about it, and signed up for the limited beta for the service. Great stuff! It's feature set is basically everything I wanted (and more). Fantastic job! </p><p>Question: Is the service going to be accessible from the raspberry pi 2 with wifi? That would be excellent. </p><p>Keep up the great work on making photo frames relevant again! </p><p>Best,<br>Bruce</p><p>PS: I just ordered the LCD controller board from NJY (HDMI USB AV VGA ATV LCD LVDS Controller Board for LP171WU3-TLA2 1920x1200) and am now trying to find the panel in-stock somewhere. Exciting! Can't thank you enough for posting this and sharing all your hard earned research.</p>
<p>Hi Bruce. Glad you're enjoying it and my pleasure. I've been very happy with laptopscreen.com for panels. Regarding Fireside on Raspberry Pi 2 / WiFi...there is nothing I would like more than to support it. We have countless Raspberry Pi of all model type. It mostly comes down to platform support. If there is a stable port of Android for Raspberry Pi with good hardware acceleration support for video and graphics then yes. </p>
<p>People were telling me my house looked a little bare and I had a spare LCD screen from my old broken laptop. This looked like a good idea on how to use the Pi and have something to put on the wall! </p><p>Thanks for putting together these instructions Andy - I enjoyed making this because it was easy to follow and I would have been lost without these instructions. I might try and make another for someone as a christmas present.</p><p>Cheers</p><p>Chris, London UK</p>
Hi Chris. Thanks for the comment--and nice looking frame!
<p>I'm already using my TV with Raspberry Pi as a media center. XBMC is extremely helpful. LCD Controller board sounds really interesting, should try that out. Thank you for the post. </p>
<p>Instructables was made for posters like you and posts like this! Great tutorial! I will just add that if you are having trouble finding the right controller for your LCD panel, you can ask the vendor and/or manufacturer via email. It's very likely they will be native in another language, but will reply in english. This can be incredibly helpful for specific information. Very neat.</p><p>(For instance, I had to do this because my LCD panel came from a family's member's laptop that had gotten one too many viruses.) </p>
<p>thanks for the quick reply </p><p>i will have to see if i can do something </p><p>nothing ventuerd nothing gained </p>
<p>I have an old 9&quot; android that no longer boots ,could i use the screen from that?</p><p>would it have all the bits i need there ?</p>
<p>It's possible you might be able to use the screen, but you would need to find an LED driver board for it. The Raspberry Pi has a DSI video connector but as far as I know it is still undocumented and there are no screens that can use it. This means you need to use HDMI to deliver video from your Raspberry Pi to your Android screen...and therefore need some way to convert the HDMI signals into something the screen can handle (which will be something akin to LVDS or MIPI and not HDMI)</p>
<p>Hi Andy! That's a great work there :) <br>I'm about to embark on this DIY journey. Could you tell me if there's a way possible to to play animated gifs after the photo frame is completed? <br>Thanks,</p>
<p>Unfortunately, I don't believe so. Others may be aware of a tool that can do this.</p>
<p>Ohh, I see. Thanks anyways!</p><p>If anyone could tell me if there's a way possible to play animated gifs after the photo frame is completed, please help me!!</p>
<p>Nice! Sorry to see the Kickstarter didnt hit the mark. Do you have any plans to share/sell your designs for the rear enclosure? Thanks!</p>
<p>I would like some clarification on the measurement needed for the frame. With the measurements from the LCD, do you select a frame size that will give you an inside frame size a bit smaller than the LCD?</p>
Hi Marty, thanks for your note. I recommend ordering your LCD first and then getting the exact outside dimensions. This is then your &quot;content&quot; or &quot;picture&quot; dimensions when you order your custom frame from American Frame.
<p>thanks for a great write up!</p><p>I used slideshow screensaver to access a shared drive on my desktop PC so I can easily add photos to the library and all works great.</p><p>I don't have the LCD yet and haven't ordered the frame, did you have enough room to mount the raspberry pi to the backing board and still hang on the wall OK or do I need to look for a deeper frame?</p>
<p>Hi Philip, You will need a deeper frame to try to mount the raspberry pi to the backing board and be able to hang it on the wall. The ethernet jack is the point where the Rpi board is deepest...almost 1 inch.</p>
<p>I am new to raspberry pi, I got my model B yesterday and I want to make this project but I don't know what to download and where. can somebody please help me and reply whit links on what I need to download for this project? thanks </p>
<p>Thank you for a great Instructable! I have one problem--wireless access with Raspbmc. I think I've tried every solution on the web with no success. Can you help?</p>
<p>Are you using OpenElec all i did was go into settings you should be able to find all the WiFi settings there assuming you have a wifi dongle plugged in.</p><p>Also if i'm getting this wrong try plugging the WiFi dongle into the Rpi directly, instead of a USB hub.</p>
<p>Tried the dongle both ways - no joy. I'm probably going to use a wired network connection. So I went on to Step 7 of the Instructable and when I powered everything up, here's the raster below. Any ideas??</p>
<p>John, this looks like an issue with your LCD controller board and/or LCD screen. Which LCD screen do you have and which model LCD controller? Have you checked with NJYTOUCH if your controller supports your screen and is programmed correctly?</p>

About This Instructable

774,403views

1,331favorites

License:

Bio: I was the Founder/CEO of 3jam (sold to Skype) and more recently rebuilt the product and engineering team from 5 to 25 people at ... More »
More by andyjagoe:How to Make a Raspberry Pi Media Panel (fka Digital Photo Frame) 
Add instructable to: