2017-02-27 100 views
2

TL; DRhtml5相機輸入可以在Windows 10平板電腦上使用嗎?

html5相機輸入可以在Windows 10平板電腦上使用嗎?

詳細

  • 設備:戴爾Venue 8 Pro的平板
  • 操作系統:Windows 10
  • 瀏覽器:Chrome的

設置

創建和主持與th的頁面e遵循html並在Chrome中打開:

<input type="file" accept="image/*" capture="camera"> 

確保Windows 10允許應用程序使用相機。

問題

點擊輸入不會啓動相機。它會啓動一個文件瀏覽器。

調查

上面的代碼工作正常,在Android和iOS設備。

我連接了一個攝像頭的JavaScript庫,而不是在Win10平板電腦上工作。我的懷疑是,Windows無法像Android/iOS一樣將其集成攝像頭識別爲攝像頭,而是認爲它是一個網絡攝像頭(因爲移動Windows 10本質上只是桌面Windows 10的小型化)

幫助

有沒有人知道一種方法使html5定義在Windows 10中工作?我真的不想檢測操作系統,而是提供攝像頭邏輯。

回答

0

來自: https://developers.google.com/web/fundamentals/native-hardware/capturing-images/

<input type="file" accept="image/*" capture>
這種方法適用於所有 平臺。在桌面上,它將提示用戶從文件系統上傳圖像文件 。在iOS上的Safari中,此方法將打開 相機應用程序,允許您捕獲圖像,然後將其發送回 網頁;在Android上,此方法將爲用戶提供 哪個應用程序用於在將圖像發送回 網頁之前捕獲圖像。

然後可以通過監聽輸入元素上的onchange事件和 然後讀取事件目標的文件屬性,將數據附加到JavaScript或使用JavaScript處理。

也許你應該使用圖像捕捉API如下所述: https://developers.google.com/web/updates/2016/12/imagecapture 如果我會弄清楚我會上傳我的代碼

相關問題