usb摄像机直接接入树莓派USB接口

1. 安装motion

  1. pi@raspberrypi:~/code/camera $ sudo apt-get install motion

2.配置motion

打开motion daemon守护进程，让他可以一直后台运行

  1. # 需要root权限
  2. pi@raspberrypi:~/code/camera $ sudo vi /etc/default/motion 
  4. # 查看下修改结果
  5. pi@raspberrypi:~/code/camera $ cat /etc/default/motion 
  6. # set to 'yes' to enable the motion daemon
  7. start_motion_daemon=yes

修改motion配置文件

  1. #daemon off
  2. daemon on
  3. # 尺寸
  4. # Image width (pixels). Valid range: Camera dependent, default: 320
  5. width 1920
  6. # Image height (pixels). Valid range: Camera dependent, default: 240
  7. height 1080
  10. # 端口和是否只本机查看
  11. webcontrol_port 8080 # 我没动
  13. #webcontrol_localhost on# 改成off
  14. webcontrol_localhost off 
  17. # 设置访问密码
  18. stream_localhost off
  20. # 链接需要密码认证
  21. stream_auth_method 1 #密码认证

3. 查看画面

树莓派执行命令

  1. sudo motion

浏览器查看 http://192.168.1.101:8081/

image.png

4. 参数调优，提升流畅度

以上参数虽然可以在浏览器看到画面但延迟非常高，很难试用与智能小车等实时监控，可以通过调整motion配置文件，提升流畅度

  1. # 编辑motion配置文件
  2. pi@raspberrypi:~ $ sudo vi /etc/motion/motion.conf 
  4. # 调整帧数
  5. framerate 50             #我调整50 change frame rate
  7. # 调整质量
  8. stream_quality 50 # 如果觉着卡慢可以降低下质量 chenxzongcf
  10. # 默认是1 我调100 超级流畅
  11. stream_maxrate 100

5. 在Android手机上查看画面

5.1 编辑布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context=".MainActivity">
  9.     <WebView
  10.         android:id="@+id/webview"
  11.         android:layout_gravity="center_horizontal"
  13.         android:layout_alignParentTop="true"
  14.         android:layout_centerHorizontal="true"
  15.         android:layout_width="800dp"
  16.         android:layout_height="400dp"/>
  18. </RelativeLayout>

5.2 MainActivity

  1. package com.chen.raspi;
  3. import android.os.Bundle;
  4. import android.view.KeyEvent;
  5. import android.webkit.WebChromeClient;
  6. import android.webkit.WebSettings;
  7. import android.webkit.WebView;
  9. import androidx.appcompat.app.AppCompatActivity;
  11. public class MainActivity extends AppCompatActivity {
  13.     private WebView webview;
  15.     @Override
  16.     protected void onCreate(Bundle savedInstanceState) {
  17.         super.onCreate(savedInstanceState);
  18.         setContentView(R.layout.activity_main);
  19. //        if (getSupportActionBar() != null) {
  20. //            getSupportActionBar().hide();
  21. //        }
  22.         webview = (WebView) findViewById(R.id.webview);
  25.         load();
  28.     }
  31.     @Override
  32.     public boolean dispatchKeyEvent(KeyEvent event) {
  34.         return super.dispatchKeyEvent(event);
  35.     }
  37.     private void load() {
  38.         WebSettings webviewSettings = webview.getSettings();
  39.         webviewSettings.setJavaScriptEnabled(true);
  40.         webviewSettings.setJavaScriptEnabled(true);
  41.         webviewSettings.setJavaScriptCanOpenWindowsAutomatically(true);
  42.         webviewSettings.setAllowFileAccess(true);// 设置允许访问文件数据
  43.         webviewSettings.setSupportZoom(true);
  44.         webviewSettings.setBuiltInZoomControls(true);
  45.         webviewSettings.setJavaScriptCanOpenWindowsAutomatically(true);
  46.         webviewSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
  47.         webviewSettings.setDomStorageEnabled(true);
  48.         webviewSettings.setDatabaseEnabled(true);
  50.         //设置载入页面自适应手机屏幕，居中显示
  52.         webviewSettings.setUseWideViewPort(true);
  53.         webviewSettings.setLoadWithOverviewMode(true);
  54. //        webview.setWebViewClient(new WebViewClient());
  56.         webview.setWebChromeClient(new WebChromeClient());
  57.         webview.loadUrl("http://192.168.1.101:8081/");
  58. //        webview.loadUrl("https://www.baidu.com/");
  59.     }
  60. }

5.3 效果图

image.png