摘要：本文的三位作者正陽海洋阿力，是來自不同公司的工程師，將與智能小車結(jié)合，開發(fā)了一款可實時視頻遠程看房的創(chuàng)新性項目。用戶可以通過上位機或網(wǎng)頁前端控制小車前后左右移動或控制云臺調(diào)整攝像頭方向。

本文的三位作者正陽、海洋、阿力，是來自不同公司的工程師，將 Agora SDK 與智能小車結(jié)合，開發(fā)了一款可實時視頻遠程看房的創(chuàng)新性項目。本文將從方案設計到具體實現(xiàn)，詳實分享他們的開發(fā)經(jīng)驗。三人也憑借該項目，在6月30日的Agora RTC Hack 上海站編程馬拉松獲得大獎。

此前聽到多很多次“黑客馬拉松”這樣的活動，一群來自不同地方的人聚在一起，組隊、構(gòu)思、開發(fā)，在48小時內(nèi)做出產(chǎn)品雛形。我們?nèi)吮еヂ犅爠e人的創(chuàng)意，重在參與的想法參加了這次比賽。對于想要做的東西，在比賽前也只是有一個大概的方向：

構(gòu)思的方向依據(jù)我們擅長的部分來組合拼接，這就得說到我的兩位給力隊友海洋、阿力；海洋是嵌入式軟件工程師，汽車電子方向，寫個驅(qū)動做個小車手到擒來。阿力是后端工程師，具備處理服務器端和前端頁面的能力。

于是隊伍有了嵌入式和云端兩部分的能力，技術(shù)構(gòu)思的方向是云端為嵌入式賦能。希望有一個小車，小車可以傳遞回視頻圖像，視頻圖像可以實時傳給多個用戶，用戶在得到授權(quán)之后，實現(xiàn)遠程對小車的操控。

出于這樣的構(gòu)思，實現(xiàn)架構(gòu)如上圖所示。現(xiàn)在有了一個基本架構(gòu)，也清楚了我們要實現(xiàn)的功能，接下來就是分工了。考慮到我們各有所長，分工如下：

小車采用了是4輪伺服電機驅(qū)動，搭配有視頻采集模塊、伺服電機驅(qū)動模塊、STM32控制模塊和攝像頭云臺模塊，安裝后整體效果圖如下：

用戶在遠程操控小車各種動作之前，需要小車通過wifi連接到互聯(lián)網(wǎng)。用戶可以通過上位機（Android APP 或網(wǎng)頁前端）控制小車前后左右移動或控制云臺調(diào)整攝像頭方向。

視頻采集模塊包含有wifi模塊，可以連接到wifi熱點為視頻傳輸提供網(wǎng)絡基礎。也提供HDMI接口與顯示器連接，方便用戶調(diào)試。攝像頭通過USB的方式與視頻采集模塊連接，我們采用免驅(qū)動的天敏6602型號攝像頭，分辨率可以達到640*480，并能夠自動調(diào)焦。

STM32控制模塊采用 Arduino 接口與伺服電機驅(qū)動模塊連接，STM32模塊負責控制電機、云臺信號的產(chǎn)生，并由伺服電機驅(qū)動模塊直接驅(qū)動電機工作。伺服電機輸入電壓為6~12V，直流驅(qū)動。

小車上的視頻采集模塊采用了定制的 Android 系統(tǒng)，提供網(wǎng)絡連接、指令轉(zhuǎn)發(fā)和視頻流采集、傳輸功能。當上位機通過遠程服務連接到小車后，上位機可以請求到當前小車攝像頭上的視頻信息；同時，視頻采集模塊也將上位機上傳來的控制信號解析為指定格式和功能的協(xié)議數(shù)據(jù)，并通過串口發(fā)送到 STM32控制模塊。

小車上的STM32控制模塊在接收到相關控制信號后，調(diào)整輸出脈沖信號的占空比，由驅(qū)動板轉(zhuǎn)換輸出電平后直接控制伺服電機或云臺模塊做出相應的動作，從而完成上位機用戶想要的操控功能。

對于只需要實現(xiàn)簡單的小車控制的話，我們只需要實現(xiàn)通過串口向 STM32控制模塊發(fā)送控制信號即可，簡單的控制信號協(xié)議如下：

為了實現(xiàn)我們想要的實時視頻與小車的遠程控制功能，我們需要采用聲網(wǎng)的視頻SDK，并運行在 Android 開發(fā)板上。開發(fā)板，我們選用了Firefly的RK3128平臺，采用Cortex-A7架構(gòu)四核1.3GHz處理器、Mali-400MP2 GPU，板載千兆以太網(wǎng)口、2.4GHz Wi-Fi和藍牙4.0，支持Android與Ubuntu雙系統(tǒng)。

為了實現(xiàn)RK3128對小車的控制，我們需要實現(xiàn) RK3128通過 USB 轉(zhuǎn)串口模塊與STM32控制模塊通信。因此我們首先要重新配置RK3128內(nèi)核，使得RK3128支持 USB轉(zhuǎn)串口驅(qū)動程序。

首先下載完RK3128 Android SDK并先驗證文件MD5值：

md5sum /path/to/fireprime_android5.1_git_20180510.tar.gz
fce0e6d65549939167923260142b2c1e fireprime_android5.1_git_20180510.tar.gz

確認無誤后解壓：

mkdir -p ~/proj/fireprime
cd ~/proj/fireprime
tar xvf /path/to/fireprime_android5.1_git_20180510.tar.gz
git reset --hard
git remote add bitbucket https://bitbucket.org/T-Firefly/firenow-lollipop.git
git pull bitbucket fireprime:fireprime

配置并編譯內(nèi)核：

cd ~/proj/fireprime/kernel
make rk3128-fireprime_defconfig
make menuconfig
make -j8 rk3128-fireprime.img

其中make menuconfig這一步需要勾選上Device Drivers ---> USB support ---> USB Serial Converyer support ---> USB Serial Console device support / USB Generic Serial Driver，并勾選上 CP210x / CH341 / FTDI / PL2303 等常用串口工具設備。

編譯Android系統(tǒng)：

cd ~/proj/fireprime
. build.sh
make -j8
./mkimage.sh

最后編譯完成后燒錄分區(qū)鏡像，并插入USB轉(zhuǎn)串口工具查看系統(tǒng)dmesg是否出現(xiàn)以下log信息：

[ 2213.003173] usb 1-1.3: new full-speed USB device number 6 using rockchip_ehct
[ 2213.113759] usb 1-1.3: New USB device found, idVendor=10c4, idProduct=ea60
[ 2213.113839] usb 1-1.3: New USB device strings: Mfr=1, Product=2, SerialNumbe3
[ 2213.113883] usb 1-1.3: Product: CP2102 USB to UART Bridge Controller
[ 2213.113921] usb 1-1.3: Manufacturer: Silicon Labs
[ 2213.113956] usb 1-1.3: SerialNumber: 0001
[ 2213.120813] cp210x 1-1.3:1.0: cp210x converter detected
[ 2213.209852] usb 1-1.3: reset full-speed USB device number 6 using rockchip_et
[ 2213.320161] usb 1-1.3: cp210x converter now attached to ttyUSB0

出現(xiàn)串口設備附著到 ttyUSBx，即說明定制串口驅(qū)動成功。

以上為全編譯Android SDK的方法，需要編譯 Android 系統(tǒng)，相較于僅編譯內(nèi)核而言比較費時。我們可以在上述make menuconfig時將需要的串口驅(qū)動程序勾選為M，通過make modules的方法，將驅(qū)動編譯成.ko文件，然后在 Android系統(tǒng)開機時自動加載驅(qū)動程序：

首先將.ko驅(qū)動程序文件復制到 Android 文件系統(tǒng)內(nèi)

adb shell
su
mount -o remount ,rw /
mkdir /modules
chmod 777 /modules
chown -R nobody:nobody /modules
exit
exit
adb push ./xxxx.ko /modules

編寫啟動運行腳本/data/serial.sh

#!/system/bin/sh
insmod /modules/xxxx.ko
mknod /dev/ttyUSB c 240 0

修改init.rc并添加運行自己的腳本

service serial /system/bin/sh /data/serial.sh
    user root
    oneshot

視頻傳輸和信令傳輸?shù)牟糠郑覀兺ㄟ^聲網(wǎng) Agora SDK 來實現(xiàn)。由于涉及到與嵌入式開發(fā)板的結(jié)合，我們主要參考的是聲網(wǎng)在 Github 提供的各種案例中的抓娃娃機 demo。示例代碼中的結(jié)構(gòu)圖如下：

示例代碼有視頻傳輸?shù)牟糠郑刂菩帕钚枰约和瓿伞?/p>

首先申請 AppID

AndroidAPP中在res/values/strings_config.xml加入如下內(nèi)容，將agora_app_id進行配置

   1a486ee31a30xxxxxxxxxx

將.jar文件拷貝到libs/中

因為用到信令和視頻傳輸兩部分，需要兩個.jar 文件分別為agora-rtc-sdk.jar和agora-sig-sdk.jar

在src/main/jniLibs加入armeabi-v7a與其中的.so文件

并在build.gradle中確定擁有如下描述：

dependencies {
    compile fileTree(dir: "libs", include: ["*.jar"])
    testCompile "junit:junit:4.12"
    compile "com.android.support:appcompat-v7:23.4.0"

}

就此，使用示例代碼可以順利開啟視頻傳輸功能。

信令的具體使用方法見Agora 的參考，這里不進行詳盡描述。主要使用的函數(shù)如下：

// 初始化信令 SDK
m_agoraAPI = AgoraAPIOnlySignal.getInstance(context, appID);

// 登錄 Agora 信令系統(tǒng)
m_agoraAPI.login2(appId, account, token, uid, deviceID, retry_time_in_s, retry_count)

//////////////點對點測試/////////////
// 發(fā)送點對點消息
m_agoraAPI.messageInstantSend(account, uid, msg, msgID)

 // 設置對端收到消息回調(diào)（
 m_agoraAPI.onMessageInstantReceive(account, uid, msg){
      //code there
}
/////////////頻道測試///////////////
// 加入頻道
m_agoraAPI.channelJoin(channelName)

// 發(fā)送頻道消息
m_agoraAPI.messageChannelSend(channelName, msg, msgID)

// 設置對端接收到頻道消息回調(diào)
m_agoraAPI.onMessageChannelReceive(channelID, account, uid, msg) {
      // code there
}
//////////////////////////////////
// 退出 Agora 信令系統(tǒng)
m_agoraAPI.logout()

對于小車端的 Android App 得到信令之后需要串口發(fā)送數(shù)據(jù)。因此如何實現(xiàn) Android App 操作串口。這里簡述兩種方案：

采用 Android 系統(tǒng)給出的架構(gòu)進行處理， Android 帶有串口demo代碼，名稱為 SerialPort。這里注意兩點，此處的代碼依賴于 JNI 工具和 NDK，如果沒有完整安裝在使用項目代碼的時候會出現(xiàn)問題。另外，串口操作不方便使用 Android 模擬器進行測試，對于沒有串口的設備，在開啟串口的動作時，會報錯并可能導致程序退出崩潰。

選擇使用 Android 代碼發(fā)送 shell 命令的方式，直接模擬linux的shell控制代碼，示例 echo ‘a(chǎn)a’ > /dev/ttyUSB0 將aa發(fā)送到串口ttyUSB0,這樣做的好處時代碼本身簡單，串口直接調(diào)用底層。

對于短時間實現(xiàn)功能來說，方案2是更容易實現(xiàn)的方法，這里需要非常注意的一點，需要重新編譯android的framework層給app賦予root權(quán)限
當信令解析完成，串口調(diào)試通過，就可以實現(xiàn)遠程控制小車的行進了。

為了實現(xiàn)用戶可以方便通過手機或者電腦在線實時看房，我們需要通過web端連接小車的Android App端，獲取實時傳輸過來的視頻內(nèi)容。在我們的設想中，用戶可以通過遠程控制小車，這樣可以方便用戶了解房屋各個方面的情況。綜上所述，我們需要實現(xiàn)如下兩個功能：

具有視頻連接功能

具有遠程遙控功能

幸運的是，通過聲網(wǎng)提供的服務，我們可以很便捷的搭建這兩個服務。
在本項目中，我們使用聲網(wǎng)的視頻SDK實現(xiàn)網(wǎng)頁端和小車APP端的視頻連接，通過信令SDK發(fā)送消息，去控制小車的前后左右行走和攝像頭上下左右擺動。

羅列一下我們使用到的工具:

視頻通話的Web端SDK及文檔，用來實現(xiàn)遠程的視頻交互功能；

信令的SDK及文檔，用來實現(xiàn)遠程遙控智能小車;

服務器，用于部署靜態(tài)頁面；

先在頁面上引入視頻和信令的 SDK。然后我們先來實現(xiàn)視頻連接。

// 創(chuàng)建 AgoraRTC 實例并加入頻道
const client = AgoraRTC.CreateClient({mode:"interop"}) 


client.init(appId, function () {
    console.log("AgoraRTC client initialized");
    client.join(channel_key, CHANNEL_NAME, null, function (uid) {
         console.log("User " + uid + " join channel successfully")
        console.log(new Date().toLocaleTimeString())
        
        // do something
    }
}

訂閱遠端的視頻流并播放。

let stream = AgoraRTC.creatStream(merge(defaultConfig.config))
localStream.init(() =>{
    client.on("stream-added", function (evt) {
        var stream = evt.stream;
        console.log("New stream added: " + stream.getId());
        console.log("Subscribe ", stream);
        client.subscribe(stream, function (err) {
            console.log("Subscribe stream failed", err);
        });
    });
    client.on("stream-subscribed", function (evt) {
        var stream = evt.stream;
        console.log("Subscribe remote stream successfully: " + stream.getId());
        if ($("div#video #agora_remote" + stream.getId()).length === 0) {
            $("div#video").append("
");
        }
        stream.play("agora_remote" + stream.getId());
    });

})

實現(xiàn)發(fā)送信息。

// 創(chuàng)建信令的對象
const signal = Signal(appId)

// 在實驗條件下，不設置token
const token = "_no_need_token"
// 登錄
const session = signal.login(account, token)

session.onLoginSuccess = (uid) => {
    //發(fā)送消息給指定的賬號
    signal.sendMessage(reciveAcount, message)
}

完成上述的步驟之后，與小車端設置相同的appId和token(如有必要)，設定好對應的參數(shù)，我們就可以遠程控制小車并獲取視頻了。

Hacker 們用實際行動，說明了 RTC 技術(shù)不僅僅可應用于娛樂、社交、教育等領域，還可以迸發(fā)出更多新的創(chuàng)意。就在近期，Agora RTC Hack 還在全球其它城市火熱進行中。有個人，也有來自創(chuàng)業(yè)公司的團隊參賽并獲獎。我們將邀請其中幾支來自世界各地的獲獎團隊參加到9月7日 - 8日舉行的 RTC 2018 實時互聯(lián)網(wǎng)大會。現(xiàn)場不僅有 Google WebRTC 產(chǎn)品經(jīng)理、華為多媒體實驗室首席科學家、西北工業(yè)大學智能聲學與臨境通信中心首席科學家、Twitch 首席研發(fā)工程師、AVS 標準工作組組長等技術(shù)大咖們帶來的干貨，還將有這些飽含創(chuàng)意與開發(fā)熱情的小項目。想與他們聊一聊，交個朋友么？點擊這里報名，現(xiàn)場約起來吧！