本篇經驗將繼續(xù)分享媒體類組件中camera攝像頭組件的使用詳解。注意，這篇經驗將基于第一個手工構建的微信小程序演示，具體構建步驟，可參考如下經驗引用。 百度搜索官方文檔 在百度搜索中查找camer

本篇經驗將繼續(xù)分享媒體類組件中camera攝像頭組件的使用詳解。注意，這篇經驗將基于第一個手工構建的微信小程序演示，具體構建步驟，可參考如下經驗引用。

百度搜索官方文檔

在百度搜索中查找camera攝像頭組件的官方文檔，常用屬性有device-position：哪個攝像頭，可選值有front和back，默認為back；flash：閃光燈打開關閉的設置，mode：模式，包括相機模式和掃碼模式等。

wxml文件中添加camera組件

在wxml文件中通過標簽顯示一個照相區(qū)域，并設置其寬高樣式。通過一個按鈕實現(xiàn)拍照功能（綁定單擊事件），并將拍攝的圖片顯示在下方的一個標簽中。

js中定義事件函數(shù)和變量

在js中定義wxml中按鈕綁定的單擊事件函數(shù)，以及標簽綁定的一個變量。

保存編譯并測試效果

保存編譯后，在模擬器中可以查看效果，camera組件會調用筆記本電腦上的唯一攝像頭，通過按鈕可拍攝照片并顯示在下方的圖片區(qū)域中，符合預期。

真機調試效果

通過真機調試，在真實手機上測試，效果如下圖：
圖1：會彈出授權窗口，需要用戶授權訪問攝像頭硬件；
圖2：默認會使用后置攝像頭，點擊按鈕拍攝后顯示在下方的圖片區(qū)域。