Tarayıcı üzerinden kamera erişimi

Mobil cihazlar için bir HTML5 web sitesi oluşturuyoruz ve yerel bir uygulama olmadan web tarayıcısından kamera erişimine ihtiyacımız var. İOS'ta bu işi yapmakta sorun yaşıyoruz. Bunun için bir çözümün farkında olan var mı?

Bunu deneyebilirsiniz:

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

ancak çalışması için iOS 6+ olması gerekir . Bu, resim çekmeyi veya albümünüzden bir resim yüklemeyi seçmeniz için size güzel bir diyalog verecektir.

Bir örnek burada bulunabilir: PhoneGap olmadan kamera / resim verilerini yakalama

2015 itibariyle şimdi çalışıyor .

<input type="file">

Bu, kullanıcıdan herhangi bir dosyanın yüklenmesini ister. İOS 8.x'te bu bir kamera videosu, kamera fotoğrafı veya Fotoğraf Arşivi'nden bir fotoğraf / video olabilir.

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

Bu yukarıdaki gibi, fakat yükledikleriniz sınırlar fotoğrafları sadece kamera veya kütüphane, hiçbir videoları.

İOS6'da Apple bunu <input type="file">etiketle destekler . Apple'ın geliştirici belgelerinde yararlı bir bağlantı bulamadım, ancak burada bir örnek var .

Yer paylaşımlarına benziyor ve daha gelişmiş işlevler henüz mevcut değil, ancak bu birçok kullanım durumunda işe yarayacak.

DÜZENLEME: w3c, iOS6 Safari'nin bir alt kümesi uyguladığı bir özelliğe sahiptir. captureNitelik özellikle eksik.

Bence bu işe yarıyor. Video veya ses kaydı;

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

veya (yeni yöntem)

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

Değilse, muhtemelen ios6 üzerinde çalışacak, daha fazla ayrıntıyı kullanıcı medyasında bulabilirsiniz.

Picup uygulaması bir HTML5 sayfasından fotoğraf çekmek ve sunucunuza yüklemek için kullanılan bir yöntemdir. Sunucuda bazı ekstra programlama gerektirir, ancak PhoneGap dışında başka bir yol bulamadım.

Bu soru zaten birkaç yaşında, ancak o zaman kameraya doğrudan erişmek, bir önizleme görüntülemek ve anlık görüntüler yakalamak (örneğin QR kod taraması için) gibi bazı ek olasılıklar gelişti.

Bu Google Developers makalesi, "(her yerde çalış" (masaüstü tarayıcılarda bile) ile "yalnızca modern, up-to" arasında çalışan bir web uygulamasına resim / kamera verilerinin nasıl aktarılacağına dair tüm yöntemlerin (?) Ayrıntılı bir açıklamasını sunar. - kameralı mobil cihazları güncelleyin ". Birçok yararlı ipucu ile birlikte.

Açıklanan yöntemler:

• URL isteyin
• Dosya girişi (buradaki diğer yazıların çoğu tarafından kapsanmaktadır)
• Sürükle ve bırak (masaüstü tarayıcılar için yararlıdır)
• Panodan yapıştır
• Kameraya etkileşimli olarak erişin (uygulamanın QR kodları gibi "gördüğü" hakkında anında geri bildirimde bulunması gerekiyorsa)