Web Cam Girata a specchio "instascan"

max1974

Utente Attivo
7 Mar 2013
107
0
16
Scusate ragazzi, sto facendo dei test con la camera del telefono per acquisire QRCode,
funziona tutto perfettamente o quasi, unico problema, quando seleziono la fotocamera posteriore del cell acquisisce l'immagine girata a specchio.
da cosa può dipendere, quali settaggi necessitano....
vi copio tutta la pagina, tanto non è lunghissima.
Help Please
PHP:
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>Test Camera</title>

  <script crossorigin="anonymous" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" rel="stylesheet">
  <script crossorigin="anonymous" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

</head>

  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_Camera">
    Launch Camera
  </button>

  <!-- Modal -->
  <div class="modal fade" id="modal_Camera" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">Acquisizione Immagine</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <video id="preview" width="100%" height="300px"></video>
        </div>
        <div class="modal-footer">
          <select name="Selcamera" id="Selcamera" data-placeholder="Seleziona Camera" class="form-control control-users-dis-admin" required>
          </select>
        </div>
      </div>
    </div>
  </div>

  <!-- Custom plugin QR-CODE-->
  <script type="text/javascript" src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js" ></script>


<script>
  $("#modal_Camera").on('shown.bs.modal', function(){
      var scanner = new Instascan.Scanner(
          {
              video: document.getElementById('preview'),
          }
      );
      scanner.addListener('scan', function(content) {
          alert(content);
      });
      Instascan.Camera.getCameras().then(function (cameras){
        if(cameras.length>0){
            $('#Selcamera option').remove();
            for (i=0; i<cameras.length; i++){
                $('#Selcamera').append(new Option(cameras[i].name,i)).trigger("change");
            }
            scanner.start(cameras[0]);
            $('#Selcamera').on('change',function(){
               scanner.start(cameras[this.value]);
            });
        }else{
            alert('No cameras found.');
        }
    }).catch(function(e){
        console.error(e);
        alert(e);
    })
})

  </script>

</body>
</html>
 

max1974

Utente Attivo
7 Mar 2013
107
0
16
Scusate ragazzi, sto facendo dei test con la camera del telefono per acquisire QRCode,
funziona tutto perfettamente o quasi, unico problema, quando seleziono la fotocamera posteriore del cell acquisisce l'immagine girata a specchio.
da cosa può dipendere, quali settaggi necessitano....
vi copio tutta la pagina, tanto non è lunghissima.
Help Please
PHP:
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>Test Camera</title>

  <script crossorigin="anonymous" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" rel="stylesheet">
  <script crossorigin="anonymous" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

</head>

  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_Camera">
    Launch Camera
  </button>

  <!-- Modal -->
  <div class="modal fade" id="modal_Camera" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">Acquisizione Immagine</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <video id="preview" width="100%" height="300px"></video>
        </div>
        <div class="modal-footer">
          <select name="Selcamera" id="Selcamera" data-placeholder="Seleziona Camera" class="form-control control-users-dis-admin" required>
          </select>
        </div>
      </div>
    </div>
  </div>

  <!-- Custom plugin QR-CODE-->
  <script type="text/javascript" src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js" ></script>


<script>
  $("#modal_Camera").on('shown.bs.modal', function(){
      var scanner = new Instascan.Scanner(
          {
              video: document.getElementById('preview'),
          }
      );
      scanner.addListener('scan', function(content) {
          alert(content);
      });
      Instascan.Camera.getCameras().then(function (cameras){
        if(cameras.length>0){
            $('#Selcamera option').remove();
            for (i=0; i<cameras.length; i++){
                $('#Selcamera').append(new Option(cameras[i].name,i)).trigger("change");
            }
            scanner.start(cameras[0]);
            $('#Selcamera').on('change',function(){
               scanner.start(cameras[this.value]);
            });
        }else{
            alert('No cameras found.');
        }
    }).catch(function(e){
        console.error(e);
        alert(e);
    })
})

  </script>

</body>
</html>
come non detto appena trovato....
spero serva a qualcuno
nel video aggiungere

mirror: false,

pero poi succede che inverte la frontale.... :) :) :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
O IP Cam in streaming su sito web IP Cam e Videosorveglianza 2
B [PHP] web cam ip PHP 0
D web cam Leggi, Normative e Fisco 0
D web cam nel sito HTML e CSS 1
L web cam esterna sulla strada... Leggi, Normative e Fisco 2
S web cam live Discussioni Varie 1
A basi di web design Discussioni Varie 1
A Consiglio per creazione sito web CMS (Content Management System) 0
N client web hikvision IP Cam e Videosorveglianza 10
W [Cerco collaborazioni] Sviluppatore Web (PHP) Offerte e Richieste di Lavoro e/o Collaborazione 1
L Creazioni siti web / e-commerce Annunci servizi di Social Media Marketing 0
T Film interattivo con linguaggi web Programmazione 7
T [cerco] scrittore/scrittrice per articoli web Offerte e Richieste di Lavoro e/o Collaborazione 5
T Offuscare link pagina web PHP 2
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0
S Interfaccia web Cisco cap1700 Reti LAN e Wireless 0
G un tool che trova nuovi clienti per web agency e web developer Offerte e Richieste di Lavoro e/o Collaborazione 2
R DUBBI PORTFOLIO WEB DESIGN CMS (Content Management System) 2
S WEB APP PER AUTOMATIZZARE TASK INSTAGRAM Annunci servizi di Social Media Marketing 0
G Nuova Idea su come trovare clienti per sviluppo web Discussioni Varie 6
Tommy03 App mobile+ sito web con lo stesso database Sviluppo app per Android 4
L Aiuto per programma web php/mySQL PHP 2
R Convertire slides Powerpoint in Pagine Web HTML e CSS 7
S Software windows10 per controllo contenuti web Windows e Software 6
A Progetto Sito web responsive HTML e CSS 2
S Problemi di visualizzazione form contatti sito web HTML e CSS 2
S Realizziamo siti web/ pubblicita di target Offerte e Richieste di Lavoro e/o Collaborazione 0
Web93 CREARE SITO WEB COMICS CON WORDPRESS WordPress 0
M [VENDO]Sito web su misura e richiesta Compravendita siti e domini 0
A Cornici immagini per sito Web Wordpress WordPress 1
C [CERCO] Collaborazione con Web Agency o Web Designer Offerte e Richieste di Lavoro e/o Collaborazione 1
C [a pagamento] - Cercasi sviluppatore web front-end per assunzione Offerte e Richieste di Lavoro e/o Collaborazione 0
V Servizio design pagina web e download in self contained html file Discussioni Varie 1
A [Offro][retribuito] Creazione siti web/ web app (Django) Offerte e Richieste di Lavoro e/o Collaborazione 2
Q Leggere NFC da web app - web nfc Javascript 0
felino [Wordpress] Sito web con codice malevolo WordPress 7
D CERCO ~ Programmatore Gioco Web Offerte e Richieste di Lavoro e/o Collaborazione 0
E [Offro] Realizzazione di siti web e ottimizzazione SEO per raggiungere il primo posto su Google Offerte e Richieste di Lavoro e/o Collaborazione 0
Web93 RICHIESTA CONSIGLIO - FARE UN SITO WEB CMS (Content Management System) 1
G [OFFRO][RETRIBUITO] Creazione siti web e loghi professionali Offerte e Richieste di Lavoro e/o Collaborazione 0
Licantropo Servizio oroscopo per giornali e/o testate web Discussioni Varie 2
S visualizzatore web Sviluppo app per Android 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
LDB Multimedia e Internet Realizzo e Progetto Siti Web per ogni tipologia Professionale Offerte e Richieste di Lavoro e/o Collaborazione 0
D Web developer per sviluppo piattaforma turistica Offerte e Richieste di Lavoro e/o Collaborazione 3
P [OFFRO] Realizzazione siti web in PHP/MYSQL, responsive e Ottimizzati SEO Offerte e Richieste di Lavoro e/o Collaborazione 0
Web93 PROBLEMA SITO WEB WORDPRESS - LOGIN DASHBOARD Programmazione 3
A Mantenere la validazione reindirizzandoci su un secondo sito WEb. (ASP.NET) ASP.NET 0
A [HTML] Creare sito web per eLearnig HTML e CSS 2
V [JAVA] come integrare un software scritto in java su una pagina web? Java 4

Discussioni simili