Instascan: Suporta câmeras frontais/traseiras

Alguma atualização sobre isso?
Você precisa de um PR? Se sim, você tem alguma dica por onde começar e/ou como a interface do instascan deve se comportar?

O que você acha de passar restrições para Camera.getCameras() ?

A implementação de getCameras pode tentar getUserMedia com restrições fornecidas e filtrar a câmera que atende a essas restrições.
veja camera.js#L53

Isso também pode ser uma maneira de corrigir o nº 22, mas seria necessário passar as restrições de resolução para o construtor Camera , para mesclar as restrições de resolução com o padrão fornecido no método start .
veja camera.js#L20

Se parecer ok para alguém, estou disposto a enviar um PR ;)

Minha solução, até que isso seja corrigido, permitindo algumas configurações personalizadas da câmera, é definir a primeira câmera que contém "back" dentro de seu name :

if (cameras.length > 0) {
    var selectedCam = cameras[0];
    $.each(cameras, (i, c) => {
        if (c.name.indexOf('back') != -1) {
            selectedCam = c;
            return false;
        }
    });

    scanner.start(selectedCam);
} else {
    console.error('No cameras found.');
}

Sempre seleciona a câmera traseira.

meu fim está funcionando, mas quando tento usar a câmera traseira ela vira horizontalmente.. como colocá-la de volta na posição normal? obrigado

Estou com um problema incomum. Não importa qual câmera eu inicie, sempre mostra a câmera frontal. Consigo ver claramente as duas câmeras no array e forço acionar a câmera traseira, ainda assim, o script sempre inicia a câmera frontal.
Acabei de baixar a versão mais recente do iOS.
Configurações:
iPhone 6s
iOS 11
Safári.

Também não carrega a câmera no Chrome e Firefox para o mesmo dispositivo/SO.

Alguma ideia?

Obrigado

Estou tendo o mesmo problema. Você conseguiu selecionar a câmera traseira no IOS

Obrigado
Helena

@cbnt
@HelenH
Você resolveu esse problema? Para mim, também vejo as duas câmeras disponíveis, mas alternar ou pré-selecionar para a câmera traseira sempre acaba voltando para a câmera frontal :(

@schmich Em primeiro lugar, muito obrigado por este projeto incrível! :) Em segundo lugar, você tem alguma informação sobre se este é um problema comum do Iphone ou como isso pode ser corrigido?

Nota: Usando o iphone 7 com iOS 11

Olá @Smux ,

Sim, seguiu as etapas da edição nº 54

git clone [email protected] :schmich/instascan.git
cd instacan/
npm instala gulp-cli -g
npm instalar
liberação de gole
cp dist/instascan.min.js /path/to/our/libraries/include/dir

Muito obrigado @schmich por este projeto incrível também.

@HelenH
@Smux

Corrigi o problema usando este fork: https://github.com/PallasKatze/instascan
Ainda precisa seguir as etapas da edição nº 54

Mas está funcionando bem.
Apenas um pequeno problema com o Android, mas acredito que seja uma versão específica.

Olá @cbnt ,
Eu quero tentar isso também. Mas o js minificado é aquele fork link para o mesmo js que o branch original.
Não consigo encontrar nenhum js minificado no pacote. Como eu poderia fazer isso? Existe alguém que pode vincular um arquivo js de trabalho?
Desde já, obrigado.

Eu sei que essa é uma pergunta básica e um pouco fora do tópico, mas tenho tentado produzir um js de lançamento e não consegui - instalei o npm no meu servidor de teste, mas o npm continua dando erros quando tento publicar.

Minha solução, até que isso seja corrigido, permitindo algumas configurações personalizadas da câmera, é definir a primeira câmera que contém "back" dentro de seu name :

if (cameras.length > 0) {
    var selectedCam = cameras[0];
    $.each(cameras, (i, c) => {
        if (c.name.indexOf('back') != -1) {
            selectedCam = c;
            return false;
        }
    });

    scanner.start(selectedCam);
} else {
    console.error('No cameras found.');
}

Sempre seleciona a câmera traseira.

Minha solução alternativa, até que isso seja corrigido, permitindo algumas configurações personalizadas da câmera, é definir a primeira câmera que contém "back" dentro de seu name :

if (cameras.length > 0) {
    var selectedCam = cameras[0];
    $.each(cameras, (i, c) => {
        if (c.name.indexOf('back') != -1) {
            selectedCam = c;
            return false;
        }
    });

    scanner.start(selectedCam);
} else {
    console.error('No cameras found.');
}

Sempre seleciona a câmera traseira.

@clytras bela solução! Mas o que acontece se o celular tiver mais de uma câmera traseira?

Já tentei essa solução e com a primeira câmera traseira do array a visão fica horrível com muito zoom. Não estou conseguindo escanear nada.

Mas, se eu usar a segunda câmera traseira devolvida ela funciona perfeitamente e consigo escanear tudo.

Minha dúvida é se existe uma forma de detectar qual é a câmera traseira principal? Imagine se o site for usado por usuários diferentes, o que significa que eles terão dispositivos diferentes e o número de câmeras traseiras será diferente e o pedido devolvido.

Muito obrigado.