当前位置: 首页 > 知识库问答 >
问题:

将OpenCV CV::MAT图像流到网站(html5页面)

西门经国
2023-03-14

我有C++代码运行在一个raspberry pi上,使用OpenCV处理相机输入(形式和颜色检测)。下面是我从pi CAM中捕获图像的线程:

(变量名称是法语的,很抱歉)

    Mat imgOriginal;
    VideoCapture camera;
    int largeur = camPartage->getLargeur();
    int hauteur = camPartage->getHauteur();

    camera.open(0);
    if ( !camera.isOpened() )
    {
        screen->dispStr(10,1,"Cannot open the web cam");
    }
    else
    {
        screen->dispStr(10,1,"Open the web cam");

        camera.set(CV_CAP_PROP_FRAME_WIDTH,largeur);  
        camera.set(CV_CAP_PROP_FRAME_HEIGHT,hauteur); 
        camera.set(CV_CAP_PROP_FPS,30);
    }
    while(1)
    {
        if(largeur != camPartage->getLargeur() || hauteur != camPartage->getHauteur())
        {
            largeur = camPartage->getLargeur();
            hauteur = camPartage->getHauteur();
            camera.set(CV_CAP_PROP_FRAME_WIDTH,largeur);
            camera.set(CV_CAP_PROP_FRAME_HEIGHT,hauteur);
        }

        camera.grab();
        camera.retrieve(imgOriginal);

        camPartage->setImageCam(imgOriginal); //shared object

        if(thread.destruction == DESTRUCTION_SYNCHRONE)
        {
            pthread_testcancel();
        }

        usleep(20000);
    }

共有1个答案

朱宜
2023-03-14

如果您需要从网络上的RPi流式传输您的相机图像,根据您的需要,有许多方法可以做到这一点。

一种方法是使用MJPG streamer、RPi IP Camera等高级应用程序

另一种方法是,您可以通过GStreamer、FFmpeg、Raspistill等流式摄像机图像向网络投掷(通过RTP、UDP等)。使用这种方法,您需要有一个接收器应用程序来获取流(例如FFmpeg)。

有一些很好的项目,如rpi-webrtc-streamer和streameye,它们使用低层协议传输图像。

 类似资料:
  • 我想在android opencv上用Mat类加载图像,但我有一些错误。我在我的项目上添加库。我的代码:private CameraBridgeViewBase mopencvCameraView; private BaseLoaderCallback mLoaderCallback=new BaseLoaderCallback(this){@override public void onMana

  • 我正在尝试添加一个背景图像到标题在一个Squarespace网站我正在工作。我成功地使用了他们论坛中建议的以下代码: 然而,它只覆盖主导航区域,而不是整个头部区域。我希望它看起来像这样: 然而,在这个示例页面中,它看起来是这样的,我将代码添加到: https://matthew-kern-drzz.squarespace.com/paints-new 有人有解决办法吗? 干杯, M. 附注。我只是

  • 问题内容: 有哪些实用程序可获取网页图像? 基本上等同于打开页面后对其进行“截屏”。 问题答案: wkhtmltopdf和wkhtmltoimage是开源(LGPLv3)命令行工具,可使用QT Webkit渲染引擎将HTML渲染为PDF和各种图像格式。

  • 本文向大家介绍html5-canvas 如何将Html5画布元素添加到网页,包括了html5-canvas 如何将Html5画布元素添加到网页的使用技巧和注意事项,需要的朋友参考一下 示例 HTML5-Canvas ... 是Html5元素。 大多数现代浏览器(Internet Explorer 9+)支持。 是默认情况下透明的可见元素 默认宽度为300px,默认高度为150px。 需要JavaS

  • 问题内容: 我目前正在使用 http://paperjs.org 创建HTML5画布绘图应用程序。我想让用户将图像上传到画布中。我知道我需要进行登录和注册,但是有更简单的方法吗?我已经看到HTML5拖放式上传。 问题答案: 我假设您的意思是将图像加载到画布中,而不是从画布上载图像。 在这里阅读他们所有的画布文章可能是一个好主意 但基本上,您要做的是在javascript中创建图片,然后将image

  • 问题内容: 我想在C#中创建一个函数,该函数采用特定的网页并将其从ASP.NET内转换为JPG图像。 我不想通过第三方或缩略图服务来执行此操作,因为我需要完整的图像。 我认为我需要以某种方式在ASP.NET中利用Web浏览器控件,但我只是看不到从哪里开始。有人有例子吗? 问题答案: 好的,当我组合几种不同的解决方案时,这相当容易: 这些解决方案为我提供了一种线程安全的方式来使用ASP.NET中的W