Mid-Senior Engineers: Reinvent your career with Robotics, earning $100k-$200k+ in the next 90 days. Learn More

Video Streaming Raspberry Pi Robot & Camera

Liz Miller Learn Robotics

About the Author, Liz Miller, Founder/CEO @ Learn Robotics

Liz graduated with a degree in Robotics Engineering from Worcester Polytechnic Institute and researched drones at UPenn's GRASP Lab. Liz is a former Raytheon Engineer, where she managed major $MM automation projects worldwide. Today, she's the driving force behind Learn Robotics, offering the Robotics Career Blueprint for Engineering Professionals and beginner courses through the Online Robotics Class. Liz is a third-generation entrepreneur who is all about the application of innovation in robotics, automation, and AI. Follow Liz on LinkedIn and Facebook.

Disclosure: Some of the links below are affiliate links. This means that, at zero cost to you, Learn Robotics will earn an affiliate commission if you click through the link and finalize a purchase. Learn Robotics is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a way for websites to earn advertising revenues by advertising and linking to Amazon.com.

Join our Private Discord Server, MakeRobots! Sign Up

Have you ever wanted to build a robot that you could drive around from anywhere?

In this new “Raspberry Pi FPV” tutorial series, you will learn how to build your own Raspberry Pi robot car and create a First Person View (FPV) driving experience. The first step is to configure video streaming on the Raspberry Pi using the Raspberry Pi camera. Because this project is multi-faceted, I’ve broken it into three mini tutorials:

1) Video Streaming with a Raspberry Pi Robot (this tutorial)
2) Control camera servos
3) Connect everything together & drive the car

If you’re new to mobile robots, I recommend checking out the Beginner Bot tutorials before diving into this project. We will not be going into great detail about the parts of a mobile robot, and how they’re wired and controlled autonomously. You can also check out our Robotics eCourse to gain more in-depth familiarity with mobile robots.

Without further delay, let’s jump into part 1: Video Streaming with a Raspberry Pi Robot & Camera.

Video Streaming with Raspberry Pi Robot

First, we will need to write software for our FPV robot car and control it using our web browser. The goal is to use both local and external network connections and control the robot from anywhere! Here’s what it’ll look like.

[youtube v=”YRIwRyXayUo”]

To complete this project, you’ll need a mobile robot chassis, motor controller, battery pack, Raspberry Pi (Zero W or 3 B+), and a camera module. You can also pick up the Raspberry Pi Robot car kit to save yourself trouble of finding all the parts.

The next step is to configure the Raspberry Pi and camera module. Instead of using Arduino, we’ll use the Raspberry Pi to host our software. We’ll also use an online platform called RemoteMe, to capture and stream live video from the camera.

Attach the Raspberry Pi Camera

You can connect the ribbon cable from the Raspberry Pi Camera to a clip connector on the board. The board I used is the Raspberry Pi Zero W with a 5MP Camera module  (note that you will need a special cable to connect the camera to Pi Zero). You can also use a Raspberry Pi 3 B+ if you’d like.

raspberry pi camera    raspberry pi camera cable zero w

We will use the WebRTC protocol for video streaming, which allows an image from the camera to be transmitted almost without any delays to the web browser. This works even if the web browser and Raspberry Pi are running on separate networks. For example, we can test this with a browser running on a mobile phone using mobile internet. I recommend using the Chrome browser, especially on a mobile phone, because it has the best WebRTC support implemented.

As of right now, WebRTC does not support both audio and video, so the streaming will be visual only. I would like to thank Lyu Keun Chang for the sample implementation code of WebRTC on the RPi website.

Use RemoteMe to Control Raspberry Pi Robot Car

The user’s actions are sent via the same transmission channel—eg clicking a button on the side next to the video. Thanks to this, delays in the transmission of events are minimal and allow us to control the Raspberry Pi robot with video preview.

To fully understand the software system for this project, you’ll need to understand the RemoteMe IoT platform.

RemoteMe has database connected to your account so you can store your measurements and display them on the web page. It also has a web page generator so you can easily add components to the web page even if you don’t know HTML. In addition, you can generate ESP8266 and ESP32 programs to implement IoT projects on the fly. Plus, you can control your projects directly from the website. RemoteMe provides free space for your pages. This allows users to communicate with devices over the Internet.

For this project, we’re utilizing one of the most important features: video transmission. It allows us to take images and video directly from the Raspberry Pi camera and send them directly to the browser with less than 10 minutes of work. It’s a really great feature if you’re trying to create a quick prototype.

I recommend going to RemoteMe and signing up for an account. This will allow you to prototype and play around with all the features and learn more about it.

Now, let’s configure RemoteMe for our Raspberry Pi Robot.

Raspberry Pi Software Configuration Installation

The RemoteMe program on Raspberry Pi automatically supports the transfer of video from the webcam. Before moving on in this tutorial, you’ll need to follow the steps on the RemoteMe website to configure the camera.

Display the Raspberry Pi Camera in Browser

First, create a new website. Navigate to the Devices Tab -> New Device -> New Web Page.

br-lazy"

Enter the name and deviceId. It is important that you select the component componentStarter and add by clicking submit. Learn more about the website here.

Configure RemoteMe

Next, edit the index.html file by clicking on it and selecting “Edit with wizard.” Then click the Insert component. In the window that appears, choose Component camera. Here’s what it should look like.

br-lazy"

Additionally, you can add another component status with configuration websocket on and camera on. This will help you see the status of the connection and restart video preview if needed. Learn more about RemoteMe components in the documentation.

After inserting and closing the window, open “index.html” in a new tab. If the Raspberry Pi and the web browser are launched on the same local network, we will see the image from our camera in the browser, as shown below.

br-lazy"

If the devices are on different networks, then proceed to the next steps. Otherwise, congrats! You’ve finished part 1 of this project! Scroll down to learn more about the next steps in building our FPV Raspberry Pi robot car.

Raspberry Pi & Browser are on Different Networks

If our local network is behind NAT, it will be necessary to add a TURN server for proper display of the image. After using several servers, I recommend the xircys turn server. It allows adding a free server TURN (with some limitations)

After logging in, add a connection channel.

br-lazy"

The credentials for our turn server can be found in “Static TURN Credentials”:

br-lazy"

Then, paste them into the “webrtc_streamer.conf” file.  To do this, click on the webrtc_streamer.conf file and select the edit option.

br-lazy"

We complete the file by entering data from the xirsys system. After pasting, the file should look similar to:

raspberry pi remoteme configuration

For the turn server, you should choose the one with port 80 and UDP protocol. Once you’re done, save and restart the program on your Raspberry Pi.

Then, switch off the WiFi connection on your smartphone so that you’re using cellular data. We’ll use a QR code to save time writing the web address.

To do this Click on index.html -> get anonymous link -> click on the QR code icon. Scan the QR code with your phone and open up this web page. You should see a real-time camera stream from the Raspberry Pi robot car. Once you have this working, you’ll be ready for the next tutorial.

Raspberry Pi Robot Car Servo Control

In the next tutorial, I’ll show you how to control camera servos from the browser. Then, we’ll be ready to connect everything together and drive the robot from anywhere!

Drop your email below to get updated when the next Raspberry Pi Robot Car FPV tutorial is released!

[ id=”5598″]

And, if you enjoyed this project, be sure to share it with a friend!

This article was powered by RemoteMe. Check out the RemoteMe Facebook page for more information. If you’d like to support the projects we publish, feel free to buy us a Coffee.

Experienced Engineer (Mechanical, Electrical, Computer, Software): If I offered to help you upgrade your engineering career to robotics, earning $100k-$200k+ in the next 90 days, would you take me up on that offer? Click here for details.
Liz Miller Learn Robotics

🚀 Pre-Launch: Become a "MakeR" with MakeRobots!

Hey Reader, 👋

Liz Miller, Founder/CEO, here with some Exciting News!

Learn Robotics just acquired MakeRobots™, an Online Robotics Community, and are prepping its Official Learn Robotics Debut in Late 2023.

MakeRobots™ is your one-stop-shop for learning, gaining coding, electronics, and robotics skills, connecting, and building robots for one low monthly membership!

Join MakeRobots™ at our Special Pre-launch Rate!
🤖 Access our Private Community & Robotics Courses
💬 Network, Collaborate, Connect with Other Makers
🔓 Only $5.99/month – locked in for life
⏱️ Pre-launch deal is Limited to the first 1,000 subscribers

This is a perfect opportunity for you to get into the fastest growing robotics community on the internet, at our ground-level, pre-launch membership rates.

👇 Click the button below to Claim your Pre-launch Membership and become a MakeR in the MakeRobots Community, today!

Learn Robotics Botly Favicon

MORE LEARN ROBOTICS ARTICLES