最近接到個(gè)公司iOS通過(guò)局域網(wǎng)(WIFI)與智能硬件交互的項(xiàng)目萨蚕，智能小車(chē)上安裝個(gè)攝像頭颗搂，手機(jī)控制小車(chē)前進(jìn)担猛、后退、轉(zhuǎn)彎，并將小車(chē)攝像頭拍攝的視頻實(shí)時(shí)傳輸?shù)绞謾C(jī)上毁习，并顯示出來(lái)智嚷。

分析，該項(xiàng)目存在的兩個(gè)難點(diǎn)：

1. 終端顯示視頻纺且，并得將視頻傳輸?shù)膶?shí)時(shí)性提到最高。

2. 利用TCP協(xié)議發(fā)送對(duì)應(yīng)指令控制小車(chē)稍浆。

前提：

1.攝像頭后臺(tái)服務(wù)器是mpeg-server服務(wù)器载碌，提供了兩個(gè)地址,流媒體地址 http://xxx.xxx.x.x:xxxx/?action=stream 快照?qǐng)D片地址 http://xxx.xxx.x.x:xxxx/?action=snapshot

2.TCP客戶(hù)端與智能硬件的交互指令(十六進(jìn)制，可自己商定衅枫，如:FF FE 05 00 0F 01) PS： 05:小車(chē)左輪的速度 00:小車(chē)左輪的方向(反) 0F:小車(chē)右輪的速度 01:小車(chē)右輪的方向(正)

實(shí)現(xiàn)過(guò)程：

先看第一個(gè)問(wèn)題：（終端顯示視頻嫁艇，并提高實(shí)時(shí)性）

作為一個(gè)程序員，看待一個(gè)問(wèn)題得有多種實(shí)現(xiàn)的思路弦撩，通過(guò)在github上找已有的輪子步咪、在論壇提問(wèn)和自己摸索，發(fā)現(xiàn)了四種實(shí)現(xiàn)方法益楼，并從中選取了最佳實(shí)現(xiàn)方案：

1.利用GitHub上的輪子VLC(一款強(qiáng)大的全平臺(tái)播放器)實(shí)現(xiàn)視頻播放,延時(shí)太大猾漫，不能忍

2.看到android的瞎操作(寫(xiě)個(gè)while死循環(huán))，設(shè)置一個(gè)定時(shí)器感凤，每隔1秒去刷一次視頻圖片地址悯周，雖能實(shí)現(xiàn)需求， 但太消耗App的資源

3.使用WKWebView直接請(qǐng)求流地址陪竿，達(dá)到和google瀏覽器加載同樣的效果禽翼，把操作View浮在上面，可行族跛，有局限性

4.利用iOS原生的NSURLSession闰挡，實(shí)現(xiàn)一步請(qǐng)求，便可不斷的從流地址接收數(shù)據(jù)

再來(lái)第二個(gè)問(wèn)題：（通過(guò)TCP協(xié)議發(fā)送指令與硬件設(shè)備交互）

(視頻部分)分析代碼實(shí)現(xiàn)：

方法一：

如何集成VLC呢礁哄？關(guān)于如何集成长酗，推薦大家去看這篇文章VLC集成與使用，大神講的已經(jīng)很明白了姐仅。 在項(xiàng)目中添加依賴(lài)庫(kù),整個(gè)項(xiàng)目的輪子可以參照iOS 之VLC使用RTSP流做監(jiān)控或者直播視頻
集成步驟就不多說(shuō)了花枫，接下來(lái):

#import <MobileVLCKit/MobileVLCKit.h>
@property (nonatomic, strong)VLCMediaPlayer *player;
-(void)setVedioV{
    _player = [[VLCMediaPlayer alloc] initWithOptions:nil];
    _player.drawable = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.height)];
    NSURL *url = [NSURL URLWithString:@"http://xxx.xxx.x.x:xxxx/?action=scream"];
    _player.media = [VLCMedia mediaWithURL:url];
    NSMutableDictionary *mediaDicts = [[NSMutableDictionary alloc] init];
    [mediaDicts setObject:@"100"  forKey:@"network-caching"];
    [mediaDicts setObject:@"24"  forKey:@"fps"];
    [_player.media addOptions:mediaDicts];
    [_player play];
}

方法二：

#pragma mark  swift實(shí)現(xiàn)
//設(shè)置定時(shí)器:
var timer : Timer?
self.timer = Timer.scheduledTimer(timeInterval: 0, target: self, selector: #selector(self.setR), userInfo: nil, repeats: true);
func setR(){
    DispatchQueue.main.async{
        //先移除
        self.monitorV.monitorIV.removeFromSuperview()
        let url = URL(string: "http://xxx.xxx.x.x:xxxx/?action=snapshot")
        //從網(wǎng)絡(luò)獲取數(shù)據(jù)流
        let data = try! Data(contentsOf: url!)
        //通過(guò)數(shù)據(jù)流初始化圖片
        let newImage = UIImage(data: data);
        self.monitorV.monitorIV = UIImageView(image:newImage);
        //后添加
        self.monitorV.addSubview(self.monitorV.monitorIV);
        //操作View浮在上面
        self.monitorV.bringSubview(toFront: self.monitorV.dealV);
    }
}

方法三：

#import <WebKit/WebKit.h>
@property (strong, nonatomic) WKWebView *webView;
-(void)setWKwebV{
    // WKWebView初始化
    // 方法一：（簡(jiǎn)單的設(shè)置）
    _webView = [[WKWebView alloc] init];
    _webView.navigationDelegate = self;
    NSURL *url =  [NSURL URLWithString:@"http://xxx.xxx.x.x:xxxx/?action=stream"];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [_webView loadRequest:request];
    [self.view addSubview:_webView];
}

方法四：

- (id)init
{
    #pragma mark  初始化接受數(shù)據(jù)的NSData變量
    _data = [[NSMutableData alloc] init];
    _task = [[NSURLSessionDataTask alloc] init];
    return [super init];
}
#pragma mark - 創(chuàng)建NSURLSession請(qǐng)求：
- (void) setTask {
    NSURL *url = [NSURL URLWithString:@"http://xxx.xxx.x.x:xxxx/?action=stream"];
    //配置請(qǐng)求
    NSURLSessionConfiguration *config = [NSURLSessionConfiguration defaultSessionConfiguration];
    config.networkServiceType = NSURLNetworkServiceTypeDefault;
    config.timeoutIntervalForRequest = 15;
    NSURLSession *session = [NSURLSession sessionWithConfiguration:config delegate:self delegateQueue:[NSOperationQueue mainQueue]];
    //創(chuàng)建網(wǎng)絡(luò)任務(wù)
    self.task = [session dataTaskWithURL:url];
    //5 發(fā)起網(wǎng)絡(luò)任務(wù)
    [self.task resume];
}
#pragma mark 實(shí)現(xiàn)NSURLSessionDataDelegate代理方法
#pragma mark 開(kāi)始接收到服務(wù)器的響應(yīng)時(shí)調(diào)用
-(void)URLSession:(NSURLSession *)session dataTask:(nonnull NSURLSessionDataTask *)dataTask
didReceiveResponse:(nonnull NSURLResponse *)response
completionHandler:(nonnull void (^)(NSURLSessionResponseDisposition))completionHandler {
    NSData *data = [NSData dataWithData:self.data];
    self.img = [[UIImage alloc]initWithData:data];
        _trafficV.monitorIV.image = self.img;
    [self.data setLength:0];
    completionHandler(NSURLSessionResponseAllow);
}
#pragma mark 接收到服務(wù)器返回的數(shù)據(jù)時(shí)調(diào)用，服務(wù)器返回的數(shù)據(jù)比較大時(shí)會(huì)多次調(diào)用
-(void)URLSession:(NSURLSession *)session dataTask:(NSURLSessionDataTask *)dataTask didReceiveData:(NSData *)data {
    [self.data appendData:data];
}

(TCP部分)分析代碼實(shí)現(xiàn)：

如何實(shí)現(xiàn)TCP通信呢掏膏？我選的是CocoaAsyncSocket(Github上的輪子)劳翰，關(guān)于如何實(shí)現(xiàn)，推薦大家去看這篇文章【iOS開(kāi)發(fā)】之CocoaAsyncSocket使用馒疹，大神講的已經(jīng)很明白了佳簸。

//搭建TCPSocket
- (void) setTcpSocket {
    dispatch_queue_t dQueue = dispatch_queue_create("client tdp socket", NULL);
    // 1. 創(chuàng)建一個(gè) udp socket用來(lái)和服務(wù)端進(jìn)行通訊
    sendTcpSocket = [[GCDAsyncSocket alloc] initWithDelegate:self delegateQueue:dQueue socketQueue:nil];
    // 2. 連接服務(wù)器端. 只有連接成功后才能相互通訊 如果60s連接不上就出錯(cuò)
    NSString *host = @"xxx.xxx.x.x";
    uint16_t port = xxxx;
    [sendTcpSocket connectToHost:host onPort:port withTimeout:60 error:nil];
    // 連接必須服務(wù)器在線(xiàn)
}
#pragma mark - 代理方法表示連接成功/失敗 回調(diào)函數(shù)(GCDAsyncSocketDelegate)
- (void)socket:(GCDAsyncSocket *)sock didConnectToHost:(NSString *)host port:(uint16_t)port {   
    //連接成功 等待數(shù)據(jù)來(lái)啊
    [sock readDataWithTimeout:-1 tag:200];
}
// 如果對(duì)象關(guān)閉了 這里也會(huì)調(diào)用
- (void)socketDidDisconnect:(GCDAsyncSocket *)sock withError:(NSError *)err {
    // 連接失敗,斷線(xiàn)重連
    NSString *host = @"xxx.xxx.x.x";
    uint16_t port = xxxx;
    [sendTcpSocket connectToHost:host onPort:port withTimeout:60 error:nil];
}
#pragma mark - 消息發(fā)送成功 代理函數(shù)
- (void)socket:(GCDAsyncSocket *)sock didWriteDataWithTag:(long)tag {
    //STLog(@"消息發(fā)送成功");
}
- (void)socket:(GCDAsyncSocket *)sock didReadData:(NSData *)data withTag:(long)tag {
    #接受TCP服務(wù)端返回的數(shù)據(jù)哈哈哈哈
    [HudTips showToast: [@"TCP：" stringByAppendingString:[self hexStrFromData:data]] showType:Pos animationType:StToastAnimationTypeScale];
    // 每次讀取完數(shù)據(jù)，都要調(diào)用下面的方式
    [sock readDataWithTimeout:-1 tag:0];
}

最重要的部分來(lái)了哈：

// LS 左輪速度  LD 左輪方向  RS 右輪速度  RD 右輪方向
- (void)sendDs:(char)LS andLD:(char)LD andRS:(char)RS andRD:(char)RD{
    //ff fe 05 01 05 00
    unsigned char cmd_switch[6];
    cmd_switch[0]=(char)0xFF;//幀頭
    cmd_switch[1]=(char)0xFE;//幀頭
    cmd_switch[2]=LS;//左輪速度: 05
    cmd_switch[3]=LD;//方向: 正
    cmd_switch[4]=RS;//右輪速度: 05
    cmd_switch[5]=RD;//方向: 反
    #發(fā)送十六進(jìn)制的數(shù)據(jù)，與硬件開(kāi)始交互哈哈
    [sendTcpSocket writeData:[NSData dataWithBytes: cmd_switch  length:6] withTimeout:60 tag:100];
}

那些時(shí)刻我所踩的坑：

坑一：VLC延時(shí)太大生均，更改了其配置听想，然而并沒(méi)有什么效果

    NSMutableDictionary *mediaDicts = [[NSMutableDictionary alloc] init];
    [mediaDicts setObject:@"100" forkey:@"network-caching"];
    [mediaDicts setObject:@"100" forkey:@"file-caching"];
    [mediaDicts setObject:@"100" forkey:@"live-caching"];
    [mediaDicts setObject:@"100" forkey:@"sout-mux-caching"];
    [mediaDicts setObject:@"16" forkey:@"max-fps"];
    [mediaDicts setObject:@"1" forkey:@"framedrop"];
    [mediaDicts setObject:@"0" forkey:@"start-on-prepared"];
    [mediaDicts setObject:@"0" forkey:@"http-detect-range-support"];
    [mediaDicts setObject:@"48" forkey:@"skip_loop_filter"];
    [mediaDicts setObject:@"0" forkey:@"packet-buffering"];
    [mediaDicts setObject:@"2000000" forkey:@"analyzeduration"];
    [mediaDicts setObject:@"1" forkey:@"videotoolbox"];
    [mediaDicts setObject:@"12" forkey:@"min-frames"];
    [mediaDicts setObject:@"16" forkey:@"r"];

實(shí)測(cè)：剛開(kāi)始真的沒(méi)什么延遲，但到后面延遲會(huì)很大马胧，殺死進(jìn)程汉买，重進(jìn)，都會(huì)有很大的延遲

坑二：方法四被我測(cè)出個(gè)BUG,app在運(yùn)行時(shí)佩脊，按HOME鍵退出蛙粘，然后等app進(jìn)程被kill，此時(shí)再進(jìn)入app威彰，畫(huà)面會(huì)卡壮瞿痢？

解決方案：

在進(jìn)入后臺(tái)（applicationDidEnterBackground）的時(shí)候發(fā)送個(gè)通知給控制器實(shí)現(xiàn)[self.task cancel];在將要進(jìn)入前臺(tái)（applicationWillEnterForeground）的時(shí)候發(fā)送個(gè)通知給控制器實(shí)現(xiàn)[self.task resume]或重新發(fā)送請(qǐng)求

坑三：需求實(shí)現(xiàn)了歇盼，不知道如何上線(xiàn)到appStore舔痕？由于內(nèi)網(wǎng)才能出效果，且此app功能不多豹缀，怕是審核不讓通過(guò)伯复？

解決方案：

工具類(lèi)app，需在備注里面說(shuō)明其功能耿眉，最好配個(gè)簡(jiǎn)短視頻到優(yōu)酷边翼、Youtube上

總結(jié)：

1.踩坑很多，前人種樹(shù)鸣剪，后人乘涼组底，自己用了那么多輪子，也得造個(gè)偽輪子

2.還沒(méi)實(shí)現(xiàn)所有需求筐骇，還剩下開(kāi)關(guān)燈债鸡，也只是發(fā)送TCP命令罷了，不斷優(yōu)化

3.目前只能使小車(chē)位置發(fā)生變化铛纬，若攝像頭可以實(shí)現(xiàn)旋轉(zhuǎn)的話(huà)厌均，就福利多多

4.附上GitHub地址：https://github.com/stoneUoU/TrafficV

5.另附iOS控制智能硬件(由于硬件沒(méi)在我這里，只能模擬出TCP請(qǐng)求效果告唆，以后完善)最終效果展示：

最終效果