Czytnik kodów QR

Odczytuj kody QR z obrazów lub z kamery

Kody QR są wszędzie: na opakowaniach, paragonach, plakatach, biletach, kartach konfiguracyjnych urządzeń, w menu restauracji i na ekranach logowania. Czasem trzeba wiedzieć, co zawiera kod, zanim się go otworzy, albo masz przed sobą zrzut ekranu zamiast prawdziwego kodu. Ten czytnik radzi sobie z obiema sytuacjami. Możesz przesłać plik obrazu z urządzenia albo tymczasowo udostępnić kamerę i zeskanować kod w czasie rzeczywistym.

Dekoder działa w całości w Twojej przeglądarce. Przesłane obrazy są wczytywane do elementu canvas HTML, zamieniane na dane obrazu i skanowane lokalnie za pomocą biblioteki jsQR. Przy skanowaniu z kamery strona prosi przeglądarkę o zgodę, rysuje klatki wideo na tym samym ukrytym canvasie i sprawdza każdą klatkę pod kątem wzoru QR. Żaden obraz, żadna klatka ani odczytany tekst nie są wysyłane na serwer, dzięki czemu prywatne kody i wewnętrzne zrzuty ekranu pozostają pod Twoją kontrolą.

Jak uzyskać najlepszy skan

Czytniki QR potrzebują wyraźnego obrazu całego kwadratowego kodu, łącznie z pustym marginesem wokół niego. Jeśli przesłany obraz się nie odczytuje, spróbuj przyciąć go luźniej, zwiększyć jasność lub użyć zrzutu ekranu o wyższej rozdzielczości. Podczas skanowania kamerą trzymaj kod nieruchomo, unikaj odblasków i zbliż się, aż moduły będą ostre. Projekty o niskim kontraście, odwrócone kolory, przezroczyste tła i uszkodzone kody są trudniejsze do odczytania niż zwykłe czarne kody na białym tle.

Po odczytaniu kodu wynik pojawia się jako zwykły tekst. Jeśli zawartością jest adres URL HTTP lub HTTPS, strona pokazuje przycisk Otwórz link, abyś mógł sam zdecydować, czy go odwiedzić. Ten dodatkowy krok jest celowy: pozwala sprawdzić link, zanim opuścisz stronę. W przypadku treści niebędących linkami, takich jak dane WiFi, wizytówki vCard, numery seryjne czy krótkie notatki, użyj przycisku kopiowania, aby wkleić tekst do innej aplikacji.

Prywatność kamery i obsługa uprawnień

Skanowanie kamerą korzysta ze standardowego interfejsu API przeglądarki getUserMedia. To przeglądarka zarządza monitem o zgodę, a odmowa dostępu nie wpływa na odczyt przesłanych obrazów. Jeśli zgoda zostanie odrzucona, nie ma zgodnej kamery albo strona nie jest serwowana w bezpiecznym kontekście, narzędzie wyświetli czytelny komunikat i nadal będzie działać z plikami obrazów. Po udanym skanowaniu kamerą strumień jest automatycznie zatrzymywany, aby kamera nie pozostawała włączona dłużej, niż to konieczne.