基於HTML5實現的超酷攝像頭（HTML5 webcam）拍照功能 - photoboo

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

線上演示

WebRTC可能是明年最受關注的HTML5標準了，Mozilla為此開發了一套説明你控制硬體的API，例如，攝像頭，麥克風，或者是加速表。 你可以不依賴其它的外掛程式來調用你需要的本機11585.html">硬體設備。

在今天的這篇文章中，我們將介紹來自Wolfram Hempel開發的Photobooth.js，使用這個類庫可以説明你快速的調用攝像頭功能，你可以很容易的添加攝像頭功能到網站中。 並且快速的説明你拍照，你可以使用這個功能來實現使用者的大頭照拍攝，是不是非常不錯?

主要特性：

對比度設置

顏色設置

亮度設置

色調設置

拍照按鈕

支援最新的chrome, firefox, opera等瀏覽器

支援jQuery外掛程式方式和javascript代碼方式

使用Chrome打開線上演示後，請確認允許瀏覽器調用你的攝像頭，如下：

JAVAscript代碼：

$('#webcam').photobooth().on("image",function( event, dataUrl ){ $('.nopic').hide(); $( "#pictures" ).prepend( '< img src="' + dataUrl + '" >'); });

以上代碼將生成的圖片資料傳遞到id=picture的這個標籤中。 具體說明請參考相關API。

希望大家喜歡我們提供的這個線上演示和demo，如果你有任何問題，請給我們留言，謝謝!

來源：基於HTML5實現的超酷攝像頭(HTML5 webcam)拍照功能 - photobooth.js

日期：2012-12-10 來源：GBin1.com