本帖最后由 shanji 于 2019-4-27 09:03 编辑
2 o' B2 G# a2 W% v2 w& a) S5 {0 w) I% e4 o
https://www.stmcu.org.cn/module/forum/thread-609701-1-1.html1 q. _7 u+ ]3 M: D2 \
距上次分享了个网络摄像头的示例也有一段时间了,用的裸TCP协议,这次来玩玩不同的花样,网页摄像头mjpeg-stream传输,用HTTP协议。网上搜了下,清一色的在Linux下实现的,在单片机上实现的还真没找到,为了玩起来,只能琢磨linux下的代码。
4 }7 u5 n" q, I! S, P 一、先把网页做出来) [* Z0 \+ C' _- _# m
网页端的实现比较简单,用img标签,例:& Q( C: G3 l* }5 |9 V
<html>1 O/ {2 Y, P- H# t
<head>5 H1 o4 W1 \ L7 P0 y" f
</head>
. @/ p1 ~8 [' I2 n+ r <body>
8 v. X; J) n9 Y( v H, f* H <img src="http://192.168.1.199:80/?stm32=mjpeg">,此处的ip指的是服务器的ip。
6 n( y( E4 g, p% K" y- x </body>8 u- y1 r) [/ M7 F6 l
</html>
6 X/ M$ _: M* k) }$ ^ 二、 服务端的代码实现2 u; F6 g3 T, Z% \# v. d, Z
要在网页上看到不断刷新的图片,服务端需要发送如下的相应包+ F: A+ s: M, g6 k$ e$ E
HTTP/1.1 200 OK\r\n6 n4 \" \- N1 ^+ H9 Q. S
0 \+ ^$ a: e* }( h 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编程。 - **/ j- {4 J% T" Y& U+ U1 Z5 [
- * @brief 开始发送流
. S& ]3 ^! q* q1 Z; z( p' C5 [ - * @param client,count
/ O }" j3 v: ?( e; n6 e9 q4 Q - * @retval None2 A+ X( E& g8 M, E, V4 l9 g
- */
* A1 d+ X5 s8 j- k6 `- D5 Q - HTTP_STA HTTP_Streamer_Start(int client,u8 count)
+ \; r: J c7 Q8 Y4 ~ - {
% v/ {6 }: j$ R - int frame_size=0;
% L! \9 T- I6 R _: Y6 A3 S - uint16_t haed_len=0;
( K2 I! J4 }. N, K$ e# u - sprintf(buffer, "HTTP/1.1 200 OK\r\n"\
R% o- U- c6 ]: [ - "Connection: Keep-Alive\r\n"\
) n; ]5 [- W4 ]- j& @ - "Server: MJPG-Streamer/0.2\r\n"\
. L& Q* H8 E s2 T }0 b - "Cache-Control:no-store, no-cache, must-revalidate, pre-check=0, post-check=0, max-age=0\r\n"\
. g/ ~ w' {' X& E - "Pragma:no-cache\r\n"\
, M7 G1 v2 M/ S' s, p* j - "Expires:WED, 23 Jan 2019 01:00:00 GMT\r\n"\
/ n* x* h! {( G3 b1 i( b# K - "Content-Type: multipart/x-mixed-replace;boundary=openmcu\r\n\r\n"\- O v# q1 K% Y8 b* h
- "--openmcu\r\n"); * u& C5 Y5 d( c) l' C: [
- . v5 }4 @; {8 C6 Q
- haed_len=strlen(buffer);- `4 t; `( x( u
- //printf("\r\n%s\r\n",buffer);, \7 i" R2 i7 E* F' a
- if(send(client, buffer,haed_len, 0)==-1)# a+ T6 C# e0 N k/ U1 x' _ d
- {
0 r; m& a9 B! H - return HTTP_FAIL;
& o: k) E' |* x' e - }
, m. A: W# ~3 ?) d, Y: r1 D - #if USE_CAMERA" n+ H8 i7 k; y# V$ E5 d% q
- frame_size=jpeg_data_len();
9 W) f& H+ P' E5 K1 m - if(frame_size==0) return HTTP_FAIL;
2 w, H- M7 R" j% C - #else& [4 y' n* Y7 S3 @
- if(count==0)
1 ], G8 d" W; ] - frame_size=sizeof(cam_data);
o5 l R1 I: t* B - else if(count==1)1 K. d9 m8 r4 S( |7 l3 i
- frame_size=sizeof(cam_data2);. D- l5 H5 O4 W7 Y
- #endif & k. u; X0 O) V! q
- haed_len=strlen(buffer);
! w% K) }) X. m5 z; Z
3 N0 R% f- k: T; c9 e* Z _- sprintf(buffer, "Content-Type: image/jpeg\r\n"\
' |! n) g/ v1 V; V$ R5 z& D; u4 n - "Content-Length: %d\r\n\r\n", frame_size);$ a# ]. n! i1 k# {+ X- i
- printf("\r\n%s\r\n",buffer);
. E- P/ M- _0 K" p8 e - haed_len=strlen(buffer);: |( e6 c1 c+ x
- if(send(client, buffer,haed_len, 0)==-1)
9 y# d5 A' N) n. H7 Y" R2 ~ - {
' _& w+ u- h) Q: m h; l - return HTTP_FAIL;. w3 h; H* _, y1 x5 }2 H
- }
$ @3 f7 z$ _) D9 W" W% d - #if USE_CAMERA
. ^* T# m! o. v2 j9 Q - memcpy(&buffer[haed_len],(char*)ptr,frame_size);
- g4 J/ ]9 L# H# T3 R! Z7 J - #else/ R: v9 r& R9 O3 L& p
- if(count==0)2 |6 u. K3 |* C; i* W
- memcpy(&buffer[haed_len],(char*)cam_data,frame_size);( X$ Q) o9 L3 b% W/ A
- else if(count==1)
. c9 d2 \! O( H( R - memcpy(&buffer[haed_len],(char*)cam_data2,frame_size);
, _$ l' I1 B$ l& C, @ - #endif
. {/ f1 C |& q: H' D - if(send(client, &buffer[haed_len],frame_size, 0)==-1)
; _2 b; ~. C. X3 {+ J - {+ x) M9 ~6 l1 k: n9 n" t+ w
- return HTTP_FAIL;: g3 K- b( C1 ^0 W; W
- }
F$ \7 L* y4 }- m/ O" _2 e1 z5 j/ m: z - #if USE_CAMERA. N- `3 z9 n1 R9 I$ p; e% [
- newframe=0; - n& U; V% D- k S" a, A( g+ F
- cam_start(); h( i- h4 ~# k& O3 K& s
- #endif+ t7 Z8 n% v1 \( B' |2 l: c
- //lwip_close(client); / Q7 `$ h* a- A8 x0 o# |4 b8 n
- return HTTP_OK;+ N/ D0 R8 b' B, Y& L( h/ X
- }
复制代码1 O w0 ?1 w& |
发送完第一帧图片后,循环发送前面介绍的图片数据格式,就能看到摄像头的实时画面了。 ( p, o: M* z0 y2 M& `1 F- B7 `
测试源码 |
下次可以和楼主的整合一起
将视频实时显示在屏幕上,% r; \3 l$ o% T: ~
https://www.stmcu.org.cn/module/forum/forum.php?mod=viewthread&tid=622494&page=1#pid2473242
, a1 c, Q0 z, q7 x2 }- ]* g' f Q
感谢支持下
关闭连接后发不出去了,需要重新等待客户端的连接。
那为什么send后面要close呢,这样之前的send数据也发不出去啊