8 U# K; p$ h5 [" N# P! a
https://www.stmcu.org.cn/module/forum/thread-609701-1-1.html
- F# T" o4 A- \) h: {- H距上次分享了个网络摄像头的示例也有一段时间了，用的裸TCP协议，这次来玩玩不同的花样，网页摄像头mjpeg-stream传输，用HTTP协议。网上搜了下，清一色的在Linux下实现的，在单片机上实现的还真没找到，为了玩起来，只能琢磨linux下的代码。
. l, H6 i* p* Z0 g        一、先把网页做出来
      网页端的实现比较简单，用img标签，例：
<html>
! n- F& S, {- L; v      <head>
6 V: @/ C0 A2 a& O      </head>
      <body>
) z$ n0 s% y$ h: O1 A9 C) I! T' K      <img src="http://192.168.1.199:80/?stm32=mjpeg">，此处的ip指的是服务器的ip。
' ^. _  X0 M( _& t' ?3 m5 u. e6 \      </body>
</html>
      二、 服务端的代码实现
4 z7 G- b3 D5 f/ K" \% q      要在网页上看到不断刷新的图片，服务端需要发送如下的相应包
     HTTP/1.1 200 OK\r\n

     Content-Type: multipart/x-mixed-replace;boundary=xxxxxxxx\r\n\r\n   //boundary后面的字段可自行定义

     关于multipart/x-mixed-replace和boundary网上有很多专业解释，我就不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)
   + E  e# m: k; m) C5 O
7. {        
   3 x0 U$ ~/ F1 f6 v
8.     int frame_size=0;
   ; r: o' k  @( Q0 F
9.    uint16_t haed_len=0;
   
10.    sprintf(buffer, "HTTP/1.1 200 OK\r\n"\
    7 l* b6 y/ r2 u( b
11.    "Connection: Keep-Alive\r\n"\
    ( z7 v  s! l" l
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"\
    - ?$ L9 @" y+ U, O# A
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"\
    ; L# m* F7 d" q
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
    8 x5 o- I. n& z1 @( U2 x. D
26.   frame_size=jpeg_data_len();
    & {+ M6 Z( U( y( `5 ~4 Y, R
27.   if(frame_size==0) return HTTP_FAIL;
    
28.   #else
    
29.   if(count==0)
    5 P5 S6 F2 ~& K4 d
30.   frame_size=sizeof(cam_data);
    ' T8 l. d! y( b( k& r
31.   else if(count==1)
    " g/ C/ |2 \* O  ?/ ~9 N
32.   frame_size=sizeof(cam_data2);
    
33.   #endif         
      {' S7 W" E% V7 v' j+ \3 T# x
34.   haed_len=strlen(buffer);
    7 G' e$ q9 L3 j$ ^) V' [! y7 v- I
35. 
    
36.   sprintf(buffer, "Content-Type: image/jpeg\r\n"\
    
37.   "Content-Length: %d\r\n\r\n", frame_size);
    6 X( y+ c* L% X9 Y' k( g
38.   printf("\r\n%s\r\n",buffer);
    
39.   haed_len=strlen(buffer);
    
40.   if(send(client, buffer,haed_len, 0)==-1)
    4 ^9 H& d2 ~/ p5 ~
41.   {
    " B: i  \+ T9 V$ f( n5 {
42.      return HTTP_FAIL;
    ) X5 |! @4 O  }/ B# ?" c
43.    }
    / Z8 J- ~2 `3 Q8 H( L- W/ Q
44.   #if USE_CAMERA
    
45.   memcpy(&buffer[haed_len],(char*)ptr,frame_size);
    7 n8 |8 Q4 T/ b
46.   #else
    
47.   if(count==0)
    
48.   memcpy(&buffer[haed_len],(char*)cam_data,frame_size);
    
49.   else if(count==1)
    / U1 D! l! p/ X3 J# W
50.   memcpy(&buffer[haed_len],(char*)cam_data2,frame_size);
    
51.   #endif                 
    
52.   if(send(client, &buffer[haed_len],frame_size, 0)==-1)
    " @* m7 E; x! v  |; U8 l
53.   {
    
54.      return HTTP_FAIL;
    
55.   }
    * \  n! P( K. d
56.   #if USE_CAMERA
    , z& ^4 A4 I$ h1 r9 ?0 b
57.        newframe=0;  
    $ q1 V) S' @/ o5 D3 x
58.        cam_start();         
    , r% Z, [& G$ f
59.   #endif
    ( I" N/ J7 G3 [# C. X; c) y( {
60.       //lwip_close(client);               
    
61.   return HTTP_OK;
    
62. }

复制代码

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

测试源码

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

2019-4-1 17:46 上传

点击文件名下载附件

同样在程序中放了2张jpeg图片方便没有硬件摄像头的网友测试，在CamConfig.h中把

#define USE_CAMERA              1   改为

#define USE_CAMERA              0

, f- v  k' Q: |$ |4 B9 e$ }

学习了，
下次可以和楼主的整合一起
  l, E: t: @+ i7 g+ t+ R将视频实时显示在屏幕上，
https://www.stmcu.org.cn/module/forum/forum.php?mod=viewthread&tid=622494&page=1#pid2473242
, o" v( a) |% y% s- [
$ g1 O" E) z! p0 l感谢支持下

yklstudent-1794 发表于 2019-4-3 10:16
& _! t$ A, `0 R/ E+ q0 @+ [: h楼主请教下，发送数据后就立即关闭连接，之前发送的数据还能发送出去吗？ ...

关闭连接后发不出去了，需要重新等待客户端的连接。

shanji 发表于 2019-4-3 10:34
5 |( o6 l/ [( e/ F* `8 U. Y. Z# h关闭连接后发不出去了，需要重新等待客户端的连接。

$ y' R" F# ~, D' M那为什么send后面要close呢，这样之前的send数据也发不出去啊

厉害了我的哥

膜拜大佬

真的是厉害了我的哥

厉害了我的歌

点赞，超级牛

不错

厉害，学习学习！

厉害了，学习下

厉害厉害

MARK，厉害了我的哥

支持支持

膜拜

佩服！拜楼主为师。