5 w- _* C0 Y" n9 A8 X4 w4 L- T
https://www.stmcu.org.cn/module/forum/thread-609701-1-1.html
$ T. g) m+ `& S, C  u距上次分享了个网络摄像头的示例也有一段时间了，用的裸TCP协议，这次来玩玩不同的花样，网页摄像头mjpeg-stream传输，用HTTP协议。网上搜了下，清一色的在Linux下实现的，在单片机上实现的还真没找到，为了玩起来，只能琢磨linux下的代码。
. i8 I. M% V# T1 E( _* k- H" f7 r        一、先把网页做出来
      网页端的实现比较简单，用img标签，例：
; V( `) D0 B1 H! c3 N& S+ }+ ?! q* S<html>
( o+ Q) M4 `8 }4 L2 |3 S! l      <head>
      </head>
- e$ L* F& Q1 V: m- F& P! p* k      <body>
      <img src="http://192.168.1.199:80/?stm32=mjpeg">，此处的ip指的是服务器的ip。
  s/ ^/ m5 Z% e8 x% f      </body>
0 H0 ?' ?! ?/ F% n2 E7 R+ w</html>
      二、 服务端的代码实现
+ W3 v6 l3 ?- I" A      要在网页上看到不断刷新的图片，服务端需要发送如下的相应包
     HTTP/1.1 200 OK\r\n

# I3 ]. Z  [3 Y( W% x7 E" U! 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 开始发送流
   # q9 b" w  C* ?! {" B7 A
3.   * @param  client,count
   / s8 v- k# A/ v$ y; d6 i  T2 d% \
4.   * @retval None
   
5.   */
   
6. HTTP_STA HTTP_Streamer_Start(int client,u8 count)
   
7. {        
   & c+ \. U  a& P0 l
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"\
    ! F1 [/ t* M$ y
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"\
    : R0 `2 M* x! m3 Y  F; a
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");
    % i% Q( g1 B; x. H! @8 Z5 n. d1 j
18.                               
    - p3 e5 K' L5 P  v% [
19.     haed_len=strlen(buffer);
    
20.    //printf("\r\n%s\r\n",buffer);
    ' j' _0 n3 c3 p
21.    if(send(client, buffer,haed_len, 0)==-1)
    
22.    {
    ; |( o3 u4 z/ z, R; |
23.       return HTTP_FAIL;
    
24.    }
    ! {+ S% ~( U1 V4 n
25.   #if USE_CAMERA
    ! l, |8 D, h* n* L, P8 O& Y
26.   frame_size=jpeg_data_len();
    
27.   if(frame_size==0) return HTTP_FAIL;
    0 D8 O# \1 w6 s  p
28.   #else
    
29.   if(count==0)
    
30.   frame_size=sizeof(cam_data);
    
31.   else if(count==1)
    
32.   frame_size=sizeof(cam_data2);
    & P1 v, w/ y& W4 a$ [/ l
33.   #endif         
    & i+ T+ h& b  ^# f4 A
34.   haed_len=strlen(buffer);
    9 K  y, K& h+ K8 }" ]
35. 
    $ q! K; Z3 V2 Z
36.   sprintf(buffer, "Content-Type: image/jpeg\r\n"\
    ' E3 Z, o9 K+ v7 n  G* J6 v
37.   "Content-Length: %d\r\n\r\n", frame_size);
    * U. m) L( K8 I/ O
38.   printf("\r\n%s\r\n",buffer);
    
39.   haed_len=strlen(buffer);
    ; r2 u7 Y4 i, X' f4 K
40.   if(send(client, buffer,haed_len, 0)==-1)
    1 x7 p4 y' I( ?" @3 p6 ^
41.   {
    
42.      return HTTP_FAIL;
    
43.    }
    ! Y! z2 _- P8 q7 c  E4 f  K3 o' U  Z
44.   #if USE_CAMERA
    
45.   memcpy(&buffer[haed_len],(char*)ptr,frame_size);
    
46.   #else
    5 m, j4 \6 m* Q# M6 G$ M( l
47.   if(count==0)
    
48.   memcpy(&buffer[haed_len],(char*)cam_data,frame_size);
    ; p. r5 L1 D' M: E
49.   else if(count==1)
    . ]; \- E2 b9 R4 O
50.   memcpy(&buffer[haed_len],(char*)cam_data2,frame_size);
    
51.   #endif                 
    ; ]) F5 |1 n1 v6 c5 A
52.   if(send(client, &buffer[haed_len],frame_size, 0)==-1)
    
53.   {
    
54.      return HTTP_FAIL;
    
55.   }
    
56.   #if USE_CAMERA
    $ |& G+ P$ W4 x. F4 T$ A! n8 d
57.        newframe=0;  
      J* \, ?+ Q3 j, l) V) A  S) o8 |
58.        cam_start();         
    ) u& W# |. |  @  L: O/ M' T# t
59.   #endif
    $ f5 ]% H. D8 b% \: f
60.       //lwip_close(client);               
    8 L0 f9 t. ^* e! Z: E
61.   return HTTP_OK;
    ( H6 f' ]# p1 x+ s  j
62. }

复制代码

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

% ]* I6 \( V% L

测试源码

【】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

学习了，
下次可以和楼主的整合一起
8 D( S0 \/ X( j( E7 N将视频实时显示在屏幕上，
: S' R) {; C  n5 O9 B$ e5 I: X( mhttps://www.stmcu.org.cn/module/forum/forum.php?mod=viewthread&tid=622494&page=1#pid2473242
' [8 D. T* Y3 V! J6 h( r% W
感谢支持下

yklstudent-1794 发表于 2019-4-3 10:16
楼主请教下，发送数据后就立即关闭连接，之前发送的数据还能发送出去吗？ ...

6 o" {' O( n: V. G( q* H关闭连接后发不出去了，需要重新等待客户端的连接。

shanji 发表于 2019-4-3 10:34
关闭连接后发不出去了，需要重新等待客户端的连接。

& `5 R, ]9 M# N" ~9 H+ T7 x. u1 d3 E那为什么send后面要close呢，这样之前的send数据也发不出去啊

厉害了我的哥

膜拜大佬

真的是厉害了我的哥

厉害了我的歌

点赞，超级牛

不错

厉害，学习学习！

厉害了，学习下

厉害厉害

MARK，厉害了我的哥

支持支持

膜拜

佩服！拜楼主为师。