圖書館一角
昨天初步學習了怎麼用 JavaScript 調用用戶的攝像頭。參考 David Walsh 大神的入門教程，基於他的示例，寫了一個可以拍攝和下載照片的頁面。歡迎訪問作者博客-胡作菲爲
拍照去
這個版本的暫時只能在 Google Chrome 裏面比較正常地運行，時不時地出現攝像頭無法啓動的情況，要刷新幾次頁面才行。Opera 裏面也能拍攝，但是視頻畫面的高度和照片的高度不等，導致照片模糊。總之這還是一個試驗品，未來給它加上一些濾鏡功能就更好玩了。
我的版本里面運用了 Application Cache，不聯網的時候也能用。如果你有興趣在第一時間使用到最新的功能，請收藏拍照頁面。
原理簡述
通過 navigator.getUserMedia() 方法調用攝像頭。頁面左邊是一個 video，播放當前攝像頭拍攝的實時圖像；右邊是一個 canvas，把拍攝的照片繪製在畫布（canvas）上。
如果你的瀏覽器支持 navigator.getUserMedia ，那麼在打開頁面時，瀏覽器會詢問是否允許網頁使用你的攝像頭，選擇 “允許”。攝像頭會自動啓動，網頁上應該會出現攝像頭在拍攝的畫面。點擊 “拍照”，右邊的 canvas 上就會把這一時刻的畫面繪製出來。照片不就是對瞬間影像的捕捉嗎？這時，點擊照片下方的 “下載照片”，瀏覽器會彈出對話框，讓你保持一個文件，這個文件就是上面那張照片。注意：需要把保持的文件的後綴設置爲 .png 格式。然後照片就保持在你的電腦上了。
題外話
聯想到了前幾天爆紅的魔漫相機。
“攝像頭” 已經成爲手機應用開發商的新戰場，社交、美化、娛樂等細分領域都已經出現了許多大大小小的應用。社交、美化這兩個細分領域的市場已經逐漸趨近穩定，牆內用不了的 SnapChat, Instagram 已經非常成熟，牆內的啪啪、美圖秀秀等也佔據了大量的用戶羣，於是大家把目光轉向了娛樂這個細分領域。
社交、美化的形式無非就那麼多種，玩兒的方法卻可以無窮無盡。現在是拍照自動變漫畫，誰知道過幾天會不會有個應用，自拍一下然後你就出現在了遊戲裏，又或者是錄一段你們學校行政樓的視頻，然後大家就可以在裏面打 CS 呢？