Доступ из браузера в камеру

У меня есть один вопрос о доступе к камере из браузера. (Браузер Android и iOS)

Google и Apple объявили 1 год назад, что доступ из браузера к камере должен быть доступен в ближайшее время.

Мне нужна эта функция для мобильного веб-приложения.

Доступна ли эта функция?

Ответы

Ответ 1

попробуйте следующее:

<html>
<body>
<form>
<input type="file" accept="image/*;capture=camera"/>
<input type="submit"/>
</form>
</body>
</html>

Ответ 2

Я использовал вход, как они сказали здесь, и отлично работал на iOS. Я мог бы получить изображение из камеры или фотоальбома и установить элемент img.

Вот код: http://jsfiddle.net/2wZgv/

js:

<script>

    oFReader = new FileReader();

    oFReader.onload = function (oFREvent) {     
        document.getElementById("fotoImg").src = oFREvent.target.result;
        document.getElementById("fotoImg").style.visibility = "visible"; 
        var screenHeight = screen.availHeight;
        screenHeight = screenHeight - 220;
        document.getElementById("fotoImg").style.height = screenHeight;
    };

    $(function() {
        $("input:file").change(function (){
            var input = document.querySelector('input[type=file]');
            var oFile = input.files[0];
            oFReader.readAsDataURL(oFile);  
        });
    });

</script>

picture photo album mobile jquery camera

Ответ 3

Это проект w3c

После прочтения входной тег должен быть

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

Ответ 4

Попробуйте этот материал.

<video id="Video" autoplay="autoplay" audio="muted" width="100%" height ="100%"> </video>

<script type="text/javascript">
if (navigator.getUserMedia) {
    var video = document.getElementById('Video');
    video.src = null;
    navigator.getUserMedia('video', successCallback, errorCallback);
    //if everything if good then set the source of the video element to the mediastream
    function successCallback(stream) {
        video.src = stream;
    }
    //If everything isn't ok then say so
    function errorCallback(error) {
        alert("An error occurred: [CODE " + error.code + "]");
    }
}
else {
    //show no support for getUserMedia
    alert("Native camera is not supported in this browser!");
}
</script>

Но помните, что это будет работать только с Opera Mobile для Android. В настоящее время нет другого браузера, поддерживающего доступ камеры. Насколько мне известно, iOS теперь не будет поддерживать эту функцию, возможно, в будущем.

Спасибо.

Ответ 5

Это возможно. Вы можете получить доступ к камере через ваше приложение для браузера. Если вы развиваетесь через Phone Gap, ищите http://docs.phonegap.com/phonegap_camera_camera.md.html

Это API камеры в PhoneGap для доступа к камере.