你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

全网首发,用STM32F429实现的网页摄像头mjpeg-stream  

[复制链接]
shanji 发布时间:2019-4-1 17:58
本帖最后由 shanji 于 2019-4-27 09:03 编辑

https://www.stmcu.org.cn/module/forum/thread-609701-1-1.html
距上次分享了个网络摄像头的示例也有一段时间了,用的裸TCP协议,这次来玩玩不同的花样,网页摄像头mjpeg-stream传输,用HTTP协议。网上搜了下,清一色的在Linux下实现的,在单片机上实现的还真没找到,为了玩起来,只能琢磨linux下的代码。
        一、先把网页做出来
      网页端的实现比较简单,用img标签,例:
<html>
      <head>
      </head>
      <body>
      <img src="http://192.168.1.199:80/?stm32=mjpeg">,此处的ip指的是服务器的ip。
      </body>
</html>
      二、 服务端的代码实现
      要在网页上看到不断刷新的图片,服务端需要发送如下的相应包
     HTTP/1.1 200 OK\r\n

     Content-Type: multipart/x-mixed-replace;boundary=xxxxxxxx\r\n\r\n   //boundary后面的字段自行定义
     关于multipart/x-mixed-replaceboundary网上有很多专业解释,我就不copy了,知道怎么用它就对了。
    要发送图片时的数据包格式是
  --xxxxxxxx\r\n
   Content-Type: img/jpeg\r\n
   Content-Length: 2048\r\n\r\n  //此帧图片的大小
   循环发送这样的数据包给网页,网页上就能看到不断刷新的画面了      
   有了上面的基础,就可以开始码代码。
    关键代码:
     程序中使用了RT-Therad RTOS,用socket编程。
  1. **
  2.   * @brief 开始发送流
  3.   * @param  client,count
  4.   * @retval None
  5.   */
  6. HTTP_STA HTTP_Streamer_Start(int client,u8 count)
  7. {        
  8.     int frame_size=0;
  9.    uint16_t haed_len=0;
  10.    sprintf(buffer, "HTTP/1.1 200 OK\r\n"\
  11.    "Connection: Keep-Alive\r\n"\
  12.    "Server: MJPG-Streamer/0.2\r\n"\
  13.    "Cache-Control:no-store, no-cache, must-revalidate, pre-check=0, post-check=0, max-age=0\r\n"\
  14.    "Pragma:no-cache\r\n"\
  15.    "Expires:WED, 23 Jan 2019 01:00:00 GMT\r\n"\
  16.    "Content-Type: multipart/x-mixed-replace;boundary=openmcu\r\n\r\n"\
  17.    "--openmcu\r\n");
  18.                               
  19.     haed_len=strlen(buffer);
  20.    //printf("\r\n%s\r\n",buffer);
  21.    if(send(client, buffer,haed_len, 0)==-1)
  22.    {
  23.       return HTTP_FAIL;
  24.    }
  25.   #if USE_CAMERA
  26.   frame_size=jpeg_data_len();
  27.   if(frame_size==0) return HTTP_FAIL;
  28.   #else
  29.   if(count==0)
  30.   frame_size=sizeof(cam_data);
  31.   else if(count==1)
  32.   frame_size=sizeof(cam_data2);
  33.   #endif         
  34.   haed_len=strlen(buffer);

  35.   sprintf(buffer, "Content-Type: image/jpeg\r\n"\
  36.   "Content-Length: %d\r\n\r\n", frame_size);
  37.   printf("\r\n%s\r\n",buffer);
  38.   haed_len=strlen(buffer);
  39.   if(send(client, buffer,haed_len, 0)==-1)
  40.   {
  41.      return HTTP_FAIL;
  42.    }
  43.   #if USE_CAMERA
  44.   memcpy(&buffer[haed_len],(char*)ptr,frame_size);
  45.   #else
  46.   if(count==0)
  47.   memcpy(&buffer[haed_len],(char*)cam_data,frame_size);
  48.   else if(count==1)
  49.   memcpy(&buffer[haed_len],(char*)cam_data2,frame_size);
  50.   #endif                 
  51.   if(send(client, &buffer[haed_len],frame_size, 0)==-1)
  52.   {
  53.      return HTTP_FAIL;
  54.   }
  55.   #if USE_CAMERA
  56.        newframe=0;  
  57.        cam_start();         
  58.   #endif
  59.       //lwip_close(client);               
  60.   return HTTP_OK;
  61. }
复制代码

发送完第一帧图片后,循环发送前面介绍的图片数据格式,就能看到摄像头的实时画面了。
GIF2.gif

测试源码
【】STM32F429_网络摄像头(网页版)V1.1.rar (1.74 MB, 下载次数: 274)

评分

参与人数 2 ST金币 +13 收起 理由
你若安好_清风徐来 + 5 很给力!
g921002 + 8 很给力!

查看全部评分

1 收藏 19 评论202 发布时间:2019-4-1 17:58

举报

202个回答
海迹天涯 回答时间:2019-4-2 09:30:25
厉害了我的哥
3111272 回答时间:2019-4-2 09:31:44
膜拜大佬
Wature 回答时间:2019-4-2 09:58:24
真的是厉害了我的哥
神奇小芭比 回答时间:2019-4-2 09:59:41
厉害了我的歌
Kevin201707 回答时间:2019-4-2 10:11:11
点赞,超级牛
xiaobai.. 回答时间:2019-4-2 10:41:30
不错
ldptest 回答时间:2019-4-2 10:54:27
厉害,学习学习!
strang 回答时间:2019-4-2 10:54:58
厉害了,学习下
流水源 回答时间:2019-4-2 11:29:19
厉害

所属标签

STM32团队

意法半导体微控制器和微处理器拥有广泛的产品线,包含低成本的8位单片机和基于ARM® Cortex®-M0、M0+、M3、M4、M33、M7及A7内核并具备丰富外设选择的32位微控制器及微处理器


最新内容

相似技术帖

官网相关资源

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
微信公众号二维码 微信公众号
手机版二维码 手机版