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

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

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