I’ve been away for a while. Away from web design, from artwork, from writing – from the world at large, really. I needed something to get me back into the swing of things, I had a Raspberry Pi and a desire to spy on my pets. So obviously I decided to set up a quick remotely-accessible webcam server.
The website itself was going to be a simple panel of streams, until I decided that I wanted to try out working to the new Google Material Design specs – to see how easily I could build something simple, elegant and delightfully functional. Once I had decided on that, ideas for functionality started popping out of all my orifices, and I ended up building the elegant website I share with you today.
Everything was put together as much from scratch as possible, including the slide-down menu; webcam view toggles; saving and downloading still snapshots; and a flexible layout. Pretty much everything works across all modern browsers, which is quite a point of pride for me. Though sadly the actual webcams themselves don’t work in Internet Explorer because of its lack of mjpeg support. I am hoping that the Edge browser will sort out that little annoyance when Windows 10 comes out later this month – if not, I shall curse the name of Microsoft unto the heavens… and figure out how to implement a workaround.
I’m working on a full walk-through of how I set it all up, which will include an analysis of the website code and how I optimised it all. It will also cover how to set up the Raspberry Pi, get Motion working with multiple webcams, customise your webcams into night vision cameras, getting your Pi’s and a home server to talk to each other, getting them to all talk to internet at large, and setting up a dynamic DNS service to view your new site. So watch this space to learn from my numerous mistakes!
All I need now is for the little scaly gits to stop hiding so we can see them on the damn cameras… Do feel free to send me any pictures you manage to snap of them! Here are some of my favourites of Boris (haven’t caught Speck on them yet, as he’s nocturnal and I haven’t put any infra-red lights in the tank yet):