• camera 相機
  • 屬性說明
    • device-position 有效值
    • flash 有效值
  • 示例
    • 代碼示例
  • Bug & Tip

camera 相機

解釋：系統(tǒng)相機，使用該組件需通過獲取用戶授權設置申請授權后方可對用戶發(fā)起授權申請，可在 swan.authorize 中查看相關錯誤碼信息。camera 組件還提供豐富的 API 來控制相機錄像、拍照等，詳見 swan.createCameraContext。
Web 態(tài)說明：Web 態(tài)暫不支持 camera 組件。在 Web 態(tài)會做打開百度 App 對應小程序頁面的降級處理。

屬性說明

device-position

String

back

否

前置或后置，值為 front、back

flash

String

auto

否

閃光燈，值為 auto、on、off

bindstop

EventHandle

否

攝像頭在非正常終止時觸發(fā)，如退出后臺等情況

binderror

EventHandle

否

用戶不允許使用攝像頭時觸發(fā)

device-position 有效值

flash 有效值

示例

跳轉編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例

• SWAN
• JS

 
 
 
  
  
  
  
  
  
 
  
  
  
 
  
  
  
 flash="off"
  
  
  
 bindstop="stop"
  
  
  
 binderror="error"
  
  
  
 style="width: 100%; height: 3rem;">
  
  
  
 
  
  
  
 切換攝像頭
  
  
  
 拍照
  
  
  
 開始錄像
  
  
  
 結束錄像
  
  
  
 
  
  
  
 預覽
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 

設計指南

如未獲取相機權限致使相機無法使用，可通過模態(tài)彈窗 showModal 進行明確的提示反饋，避免相機黑屏阻斷流程，影響用戶體驗。

正確

未獲取相機權限時提示用戶權限未開啟

錯誤

未獲取相機權限卻無提示，導致用戶無措

Bug & Tip

• Tip：camera 組件是由客戶端創(chuàng)建的原生組件，它的層級是最高的，不能通過 z-index 控制層級。可使用 cover-view、cover-image 覆蓋在上面（在基礎庫 3.0.0 之前需要先創(chuàng)建 camera，再通過的方式方s-if="{ {true} }"可在 camera 上創(chuàng)建 NA 組件）。
• Tip：同一頁面只能插入一個 camera 組件。
• Tip：請勿在 scroll-view、swiper、picker-view、movable-view 中使用 camera 組件。