前言
最近一直打算搞搞移動端的直播，基本的路數(shù)已經(jīng)跑通，本著造福大眾的想法，我打算將一些接觸過的知識都記錄下來，方便后人學(xué)習(xí)，當(dāng)然主要是方便自己回顧。
效果
原理
我不是搞前端的，對HTTP的一些標(biāo)準(zhǔn)也不是特別了解，關(guān)于HTTP Server Push的說法也是在查找資料的過程中發(fā)現(xiàn)的官方說法。因此拿來使用，既形象也正式。
最早接觸這種使用方式，應(yīng)該還是在外培訓(xùn)的時候，當(dāng)時我上的培訓(xùn)班是嵌入式相關(guān)的，其中有一個比較大的實(shí)驗(yàn)就是使用linux 下的V4L2編程接口，獲取攝像頭的數(shù)據(jù)，編碼成合適格式，然后通過socket發(fā)送出去，從而在客戶端的瀏覽器中可以形成圖片流，看起來就像視頻一樣。
主要技術(shù)點(diǎn)：
- 獲取原始攝像頭數(shù)據(jù)
- 編碼成合適的格式
- socket發(fā)送出去
其中前兩步是基礎(chǔ)，最后一步是實(shí)現(xiàn)的核心。而且按照這個思路只要你的開發(fā)運(yùn)行環(huán)境滿足條件，那么不管是ARM開發(fā)板，還是我們的手機(jī)都可以實(shí)現(xiàn)這個功能。下面的說明以安卓手機(jī)為例來介紹。
實(shí)現(xiàn)
1. 獲取攝像頭數(shù)據(jù)
在手機(jī)上獲取攝像頭數(shù)據(jù)是非常簡單的，public void onPreviewFrame(byte[] data, Camera camera)。在這個回調(diào)方法中會返回原始的攝像頭數(shù)據(jù)，通常都是NV21格式，這個格式是所有安卓設(shè)備都支持的，其它格式需要設(shè)備支持才可以使用。
2. 編碼成合適的格式
這一步就是對格式進(jìn)行轉(zhuǎn)換，比如NV21轉(zhuǎn)換為JPEG，我們這里的需求可以直接使用安卓提供的方法，如果在您的使用場景中沒有現(xiàn)成的方法，或者您有別的需求，那么需要您自己實(shí)現(xiàn)轉(zhuǎn)換的方法。
YuvImage yuv = new YuvImage(data, ImageFormat.NV21, prevSizeW, prevSizeH, null);
Rect r = new Rect(0, 0, prevSizeW, prevSizeH);
ByteArrayOutputStream baos = new ByteArrayOutputStream();
yuv.compressToJpeg(r, 100, baos);
3.socket發(fā)送出去
基本的socket使用還是很簡單的，我們這里比較麻煩的地方，就是我們需要借助瀏覽器對HTTP標(biāo)準(zhǔn)的支持，因此我們的HTTP響應(yīng)包不能隨便搞，我們要按標(biāo)準(zhǔn)來，這樣瀏覽器才可以按標(biāo)準(zhǔn)對我們發(fā)出的數(shù)據(jù)包進(jìn)行相應(yīng)的解析。
我們首先在手機(jī)建立一個socket的服務(wù)器，監(jiān)聽8888端口，等待客戶端瀏覽器的訪問，等客戶端瀏覽器訪問我們的服務(wù)器時，我們需要通過響應(yīng)包來告知客戶端瀏覽器我們將要以HTTP Server Push的方式進(jìn)行數(shù)據(jù)的發(fā)送。
第一個響應(yīng)包：HTTP header + frameHeader + JPEG data
后續(xù)的響應(yīng)包：frameHeader + JPEG data
#響應(yīng)格式的一些定義
private String header = "HTTP/1.1 200 OK\r\n" +
"Connection: close\r\n" +
"Server: Net-camera-1-0\r\n" +
"Cache-Control: no-store, no-cache, must-revalidate, pre-check=0,post-check=0, max-age=0\r\n" +
"Pragma: no-cache\r\n" +
"Content-Type:multipart/x-mixed-replace;boundary=www.shutup.com\r\n\r\n";
private String frameHeader = "--www.shutup.com\r\n" +
"Content-Type: image/jpeg\r\n" +
"Content-Length: %d\r\n\r\n";
wireshark tcp flow
坑
目前發(fā)現(xiàn)攝像頭數(shù)據(jù)的方向不對勁。。。
參考
httpwebresponse-with-mjpeg-and-multipart-x-mixed-replace-boundary-myboundary
