Maxkit: webcam 即時影像

2024/01/15

webcam 即時影像

有一種特殊的 MIME 類型，稱為 multipart/x-mixed-replace，這是由 Netscape 在1995年引入的。當伺服器想向客戶端持續發送資料時，瀏覽器可以在一個 http 通道中，持續接收這些改變的資料。它可以用於串流傳輸圖像的 webcam。

通常 http protocol 會需要 content-length 這個 header，讓接收資料的一端，明確知道這個 http 封包的資料有多少，但 multipart/x-mixed-replace 刻意在 client 打開一個 http 連線後，不回傳 response 的 content length，反而是直接用 multipart 的格式，持續對 client 發送資料。browser 在收到這些 content 時，可用來持續更新畫面。

最常見的應用是 webcam，在高速公路、氣象局的網頁，有即時影像的區塊，就是用這種方式實作的。

response 的資料可以是這種格式，這是持續發送圖片

HTTP/1.1 200 OK
Content-Type: multipart/x-mixed-replace; boundary=frame

--frame
Content-Type: image/jpeg

<1.jpg>

--frame
Content-Type: image/jpeg

<2.jpg>

--frame
Content-Type: image/jpeg

<3.jpg>

也可以是這種格式

HTTP/1.1 200 OK
Content-Type: multipart/x-mixed-replace; boundary=frame

--frame
Content-Type: text/html

<html><body>0</body></html>

--frame
Content-Type: text/html

<html><body>1</body></html>

--frame
Content-Type: text/html

<html><body>2</body></html>

每個 multipart 區塊，可以定義告知 content-type

在氣象局的即時影像網頁，每一次取得影像，都會在 30s 以後，關閉這個連線，使用者必須要重新點一次，才會再取得一次 webcam 資料。