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

camera 相機(jī)

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

屬性說明

device-position

String

back

否

前置或后置，值為 front、back

flash

String

auto

否

閃光燈，值為 auto、on、off

bindstop

EventHandle

否

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

binderror

EventHandle

否

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

device-position 有效值

flash 有效值

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度APP掃碼

代碼示例

• SWAN
• JS

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

設(shè)計(jì)指南

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

正確

未獲取相機(jī)權(quán)限時(shí)提示用戶權(quán)限未開啟

錯(cuò)誤

未獲取相機(jī)權(quán)限卻無(wú)提示，導(dǎo)致用戶無(wú)措

Bug & Tip

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