Difference between revisions of "Stream Video Feed with a Raspberry Pi"

From Double Jump Electric Wiki
Jump to navigation Jump to search
(Created page with "Run it! mjpg_streamer -i "input_raspicam.so" -o "output_http.so -p 8080" Navigate to the webpage where the overlay is being displayed. Example: http://192.168.1.2:8080/?a...")
 
 
Line 1: Line 1:
 
Run it!
 
Run it!
 
     mjpg_streamer -i "input_raspicam.so" -o "output_http.so -p 8080"
 
     mjpg_streamer -i "input_raspicam.so" -o "output_http.so -p 8080"
 +
Or, to use an html page with custom formatting:
 +
  mjpg_streamer -i "input_raspicam.so" -o "output_http.so -w /path/to/www"
  
 
Navigate to the webpage where the overlay is being displayed. Example: http://192.168.1.2:8080/?action=stream
 
Navigate to the webpage where the overlay is being displayed. Example: http://192.168.1.2:8080/?action=stream
 
+
If using a custom webpage, use: http://192.168.1.2:8080/stream_simple.html
  
 
===Add Overlay===
 
===Add Overlay===

Latest revision as of 00:29, 12 June 2020

Run it!

   mjpg_streamer -i "input_raspicam.so" -o "output_http.so -p 8080"

Or, to use an html page with custom formatting:

  mjpg_streamer -i "input_raspicam.so" -o "output_http.so -w /path/to/www"

Navigate to the webpage where the overlay is being displayed. Example: http://192.168.1.2:8080/?action=stream If using a custom webpage, use: http://192.168.1.2:8080/stream_simple.html

Add Overlay

Supposedly, you can just modify the html

<html>
  <head>
    <title>MJPG-Streamer - Stream Example</title>
<style>
.container { position:relative; }
.container video {
    position:relative;
    z-index:0;
}

.overlay {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
</style>
  </head>
  <body>
    <div class="container">
        <img src="/?action=stream"/>
    <div class="overlay">
        <p>&nbsp;&nbsp;Type your text there</p>
    </div>
</div>
  </body>
</html>

References

1. Raspberry Pi Overlay Forum Post