通過瀏覽器訪問攝像頭

Question

我們正在爲手機創建一個HTML5網站，並且需要通過網絡瀏覽器訪問攝像頭，而不是原生應用。我們無法在iOS中完成這項工作。有誰知道這個解決方案？

Answer 1

Picup應用程序是一種從HTML5頁面拍照並將其上傳到服務器的方法。它需要一些額外的服務器上的編程，但除了PhoneGap，我還沒有找到另一種方式。

Answer 2

我認爲這一個工作。 錄製視頻或音頻;

<input type="file" accept="video/*;capture=camcorder"> 
<input type="file" accept="audio/*;capture=microphone"> 

或（新方法）

<device type="media" onchange="update(this.data)"></device> 
<video autoplay></video> 
<script> 
    function update(stream) { 
    document.querySelector('video').src = stream.url; 
    } 
</script> 

如果不是，可能會在iOS6的工作，更多的細節可以在get user media

Answer 3

在iOS6的發現，蘋果通過<input type="file">支持此標籤。我無法在Apple的開發人員文檔中找到有用的鏈接，但有一個示例here。

它看起來像覆蓋和更高級的功能尚不可用，但這應該適用於很多用例。

編輯：The w3c has a spec that iOS6 Safari seems to implement a subset of.capture屬性顯着缺失。

Answer 4

你可以試試這個：

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

但必須是iOS的6 +工作。這將會給你一個很好的對話，供您選擇要麼拍照或從您的相冊上傳一個即

一個例子可以在這裏找到： Capturing camera/picture data without PhoneGap

Answer 5

截至2015年，它現在只是工作。

<input type="file"> 

這將要求用戶上傳任何文件。在iOS 8.x上，這可以是相機視頻，相機照片或Photo Library中的照片/視頻。

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

這是如上述，但限制了上傳至照片只從相機或庫，沒有影片。