本文概述
長期以來,音頻與視頻信息的捕捉一直是Web開發中的一個難點。許多年來,我們一直依賴瀏覽器插件來實現這個需求。
在HTML 5中,出現了許多可以訪問硬件設備的API,例如訪問GPS設備的Geolocation API、訪問accelerometer設備的Orientation API、訪問GPU設備的WebGL API、訪問音頻播放設備的Web Audio API等等。這些API是非常強大的,因為開發者可以直接通過編寫JavaSccript腳本代碼來訪問底層硬件設備。
本文介紹一種新的API,該API通過使用navigatior.getUserMedia()方法來讓Web應用程序擁有訪問用戶攝像頭與麥克風設備的能力。

捕捉媒體數據的技術發展歷史
在過去幾年里,開始出現了在Web應用程序中訪問客戶端本地設備的需求,因此,W3C組織決定組織一個DAP(Device APIS POLICY)工作小組,來為該需求的實現制定一個統一的標準。
接下來讓我們來看看在2011年發生了哪些事情：

在HTML頁面文件中實現媒體數據的捕捉
DAP工作小組的第一個要制定的標準就是如何在Web應用程序的HTML頁面中實現媒體數據的捕捉。他們決定重載類型為file的input元素(<input type="file">),并且為accept屬性添加一個新的屬性值。
如果開發者想實現用戶通過攝像頭進行拍照的功能,可以書寫如下所示的代碼。