当前位置:网站首页>Raspberry pie csi/usb camera uses mjpg to realize web camera monitoring
Raspberry pie csi/usb camera uses mjpg to realize web camera monitoring
2022-07-06 16:05:00 【Handsome black cat Sheriff】
This article is to sort out the content for your convenience , original text :
1、https://blog.csdn.net/qq_36798753/article/details/78082006
2、https://blog.csdn.net/wto882dim/article/details/82195001
First step : Download the source code
wget https://github.com/jacksonliam/mjpg-streamer/archive/master.zip
The second step : Download dependent packages
sudo apt-get install libjpeg8-dev
sudo apt-get install cmake
The third step : decompression + install
unzip master.zip
cd mjpg-streamer-master/mjpg-streamer-experimental
make clean all
Step four : Make a startup script
1、 Get into mjpg Under main directory
2、 Create startup script
vi jk.sh
3、 edit jk.sh
If you use CSI camera
cd mjpg-streamer-master/mjpg-streamer-experimental
./mjpg_streamer -i "./input_raspicam.so" -o "./output_http.so -w ./www"
If you use USB camera
cd mjpg-streamer-master/mjpg-streamer-experimental
./mjpg_streamer -i "./input_uvc.so" -o "./output_http.so -w ./www"
4、 to jk.sh Add authority
chmod 744 jk.sh
Step five : Execute the script
./jk.sh
If you want to run in the background, you can use the following commands
nohup ./jk.sh &
After startup, you can enter the default address on the same LAN browser to view
http:// Raspberry pie IP:8080
Here you can write one by yourself html Webpage , Check out the video , The code is as follows
<!DOCTYPE html>
<html>
<head>
<title> real-time video </title>
<style>
#webcam{
width: 60%;
height: 60%;
display: block;
margin: 0% ;
text-align: center;
position: relative;
}
#webcam img{
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="webcam">
<div>
</div>
</div>
<script type="text/javascript">
var imageNr = 0; // The index number of the picture
var finished = new Array(); // Queue for downloading pictures
var paused = false; //
function createImageLayer() {
var img = new Image();
img.style.position = "absolute";
img.style.zIndex = -1;
img.onload = imageOnload;
img.onclick = imageOnclick;
// Fill in your corresponding ip And port
img.src = "http://192.168.0.117:8080/?action=snapshot&n=" + (++imageNr);
var webcam = document.getElementById("webcam");
webcam.insertBefore(img, webcam.firstChild);
}
function imageOnload() {
this.style.zIndex = imageNr;
while (1 < finished.length) {
var del = finished.shift(); // Delete old photos
del.parentNode.removeChild(del);
}
finished.push(this);
if (!paused) createImageLayer();
}
function imageOnclick() {
paused = !paused;
if (!paused) createImageLayer();
}
createImageLayer()
</script>
</body>
</html>
边栏推荐
- Find 3-friendly Integers
- 树莓派CSI/USB摄像头使用mjpg实现网页摄像头监控
- Record of brushing questions with force deduction -- complete knapsack problem (I)
- Opencv learning log 32 edge extraction
- 7-1 understand everything (20 points)
- 渗透测试 ( 5 ) --- 扫描之王 nmap、渗透测试工具实战技巧合集
- C 基本语法
- Penetration test 2 --- XSS, CSRF, file upload, file inclusion, deserialization vulnerability
- [exercise-6] (PTA) divide and conquer
- [exercise-5] (UVA 839) not so mobile (balance)
猜你喜欢
Vs2019 initial use
【高老师软件需求分析】20级云班课习题答案合集
Gartner:关于零信任网络访问最佳实践的五个建议
滲透測試 ( 1 ) --- 必備 工具、導航
Penetration test (1) -- necessary tools, navigation
D - function (HDU - 6546) girls' competition
Analysis of protobuf format of real-time barrage and historical barrage at station B
b站 实时弹幕和历史弹幕 Protobuf 格式解析
Penetration test (8) -- official document of burp Suite Pro
Basic Q & A of introductory C language
随机推荐
CS zero foundation introductory learning record
Opencv learning log 16 paperclip count
Opencv learning log 33 Gaussian mean filtering
E. Breaking the Wall
[exercise-4] (UVA 11988) broken keyboard = = (linked list)
Record of brushing questions with force deduction -- complete knapsack problem (I)
Opencv learning log 18 Canny operator
C语言数组的概念
F - Birthday Cake(山东省赛)
Determine the Photo Position
7-1 understand everything (20 points)
【练习-1】(Uva 673) Parentheses Balance/平衡的括号 (栈stack)
Common configuration files of SSM framework
渗透测试 ( 8 ) --- Burp Suite Pro 官方文档
PySide6 信号、槽
STM32 learning record: LED light flashes (register version)
Penetration test (1) -- necessary tools, navigation
China's earthwork tire market trend report, technical dynamic innovation and market forecast
信息安全-安全编排自动化与响应 (SOAR) 技术解析
Research Report on market supply and demand and strategy of geosynthetics industry in China