HTML開啟閃光燈的代碼實現方式是通過Web API中的WebRTC技術來調用手機或電腦的攝像頭,并控制閃光燈狀態。下面是開啟閃光燈的HTML代碼:
<video id="video" width="640" height="480" preload autoplay loop muted></video> <button id="button" onClick="toggle()">Flash ON</button>代碼中首先定義了一個video標簽用于播放攝像頭數據,以及一個button標簽用于控制閃光燈開關。然后在JavaScript中,使用getUserMedia方法獲取攝像頭數據流,并將其賦值給video.srcObject屬性,從而實時顯示攝像頭預覽畫面。 在toggle函數中,首先獲取視頻數據流的軌道track,然后使用ImageCapture API創建一個ImageCapture對象,用于控制閃光燈狀態。 通過track.getCapabilities().torch方法獲取當前設備是否支持閃光燈,如果支持,則通過track.getSettings().torch方法獲取當前閃光燈狀態。然后通過imageCapture.setOptions方法打開或關閉閃光燈,并在button標簽上更新閃光燈狀態文本。 如果設備不支持閃光燈,則彈出提示信息。 最后我們可以在瀏覽器中運行代碼,通過點擊button按鈕來開啟或關閉設備的閃光燈。