MJPEG协议在此不在过多描述,这里主要介绍一下使用C#中的PictureBox控件频繁刷新MJPEG传输过来的图片,高频率的图片刷新实现视频播放效果;
环境:
服务端
MJPEG服务器使用的是手机的DroidCam,很方便的一个MJPEG服务器,端口4747,打开软件就能使用,并且还附带了web端展示。
客户端
MJPEG客户端使用C# Http请求,并获取到响应MJPEG视频流,截取到图片数据部分,用PictureBox展示图片内容。
整体流程:
1. C# 向MJPEG发送请求URL,请求URL是MJPEG服务器定的,例如DroidCam,可以通过访问: {手机所在IP}:4747
图片中红框内容就是视频流的地址,使用GET请求后,服务端就会一直往这个请求的响应内容中写照片信息,直到这个GET请求断开为止(客户端、服务端其中一个主动退出)
ps: 如果使用DroidCam当服务器,建议使用手机热点、或者手机通过数据线共享链接方式链接,因为MJPEG实际是把视频的每一帧截成一张图片发送过来的,非常的占带宽,并且网速不好还有图片数据不完整情况,需要手动处理跳过.手机开WiFi热点电脑链接, 手机端IP:192.168.43.1:4747,手机数据线连接usb网络共享,手机端IP:192.168.43.129:4747;
2. C# 读响应头,找出视频流中每张图片的分隔符, 读取每张图片前Content-Length长度, 读图片;
3. 每读到一张图片,刷新一次PictureBox控件;
具体实现
//创建一个HTTP请求,只要请求不结束,MJPEG服务端会一直给请求的响应体中发送实时图片内容 HttpWebRequest hwRequest = (System.Net.HttpWebRequest)WebRequest.Create("请求URL地址"); hwRequest.Method = "GET"; HttpWebResponse hwResponse = (HttpWebResponse)hwRequest.GetResponse(); //读boundary指定的每张图片分隔符,DroidCam为:--dcmjpeg string contentType = hwResponse.Headers["Content-Type"]; string boundryKey = "boundary="; string boundary = contentType.Substring(contentType.IndexOf(boundryKey) + boundryKey.Length); //拿到响应体流 Stream stream = hwResponse.GetResponseStream(); string headerName = "Content-Length:"; //临时存储字符串数据 StringBuilder sb = new StringBuilder(); int len = 1024; while (true) { //读取一行数据 while (true) { char c = (char)stream.ReadByte(); //Console.Write(c); if (c == '\n') { break; } sb.Append(c); } string line = sb.ToString(); sb.Remove(0, sb.Length); //当前行中是否包含Content-Length: int i = line.IndexOf(headerName); if (i != -1) { //每张图片前有一段图片简单介绍(图片类型、长度),这里只关心长度(Content-Length:)后边的值,用于后续读取图片 int imageFileLength = Convert.ToInt32(line.Substring(i + headerName.Length).Trim()); //Content-Length:xxx 完后会有一个/r/n的换行符,换行符后才是真正的图片数据(不知道是DroidCam自己这样还是都这样...) //这里跳过/r/n stream.Read(new byte[2], 0, 2); //开始读取图片数据,imageFileLength就是读到的Content-Length:后的长度 byte[] imageFileBytes = new byte[imageFileLength]; stream.Read(imageFileBytes, 0, imageFileBytes.Length); //JPEG的文件头是: FF D8 FF ,文件尾是: FF D9,非常重要,调试时最好打印一下,便于区分读入的数据是否正好时图片的所有内容 //Console.WriteLine("文件头:" + imageFileBytes[0].ToString("X") + " " + imageFileBytes[1].ToString("X") + " " + imageFileBytes[2].ToString("X") + " " + imageFileBytes[3].ToString("X") + " " + imageFileBytes[4].ToString("X")); //Console.WriteLine("文件尾:" + imageFileBytes[imageFileLength - 2].ToString("X") + " " + imageFileBytes[imageFileLength - 1].ToString("X")); //此处做了一个如果读入文件不全时处理,图片越大,程序循环读取速度越快,越有可能导致读取文件不全情况...,如果有好的办法解决希望前辈们指教,非常感谢! //文件尾是否是FF D9 if (imageFileBytes[imageFileLength - 2].ToString("X") != "FF" && imageFileBytes[imageFileLength - 1].ToString("X") != "D9") { //读入文件内容不全,跳过次文件,让流位置跳到下次图片开始位置 //Console.WriteLine("开始矫正..."); char l = '0'; &n<strong>本文来源gaodai#ma#com搞@代~码^网+</strong>bsp; while (true) { char c = (char)stream.ReadByte(); //这里只判断了--dcmjpeg中的前两个字符--,当读到的流中连续两个字符是--时,表示流已读到下次图片开始位置 if (l == boundary[0] && c == boundary[1]) { break; } l = c; } } else { //读取图片成功! //accessImageHandler是一个Action,用于把图片实时写到PictureBox控件中 accessImageHandler(imageFileBytes); } //这里适当睡几十毫秒,会降低点图片读入不全情况,还未找到图片随机读取不全情况原因... Thread.Sleep(sleep); } } stream.Close(); hwResponse.Close();