Зчитувач QR-кодів

Розпізнавання QR-кодів із зображень або камери

QR-коди зустрічаються всюди: на упаковках, чеках, плакатах, квитках, картках налаштування пристроїв, у меню ресторанів та на екранах входу. Іноді потрібно дізнатися, що міститься в коді, перш ніж його відкривати, або перед вами скриншот, а не сам код. Цей зчитувач підходить в обох випадках. Ви можете завантажити файл зображення зі свого пристрою або тимчасово надати доступ до камери й відсканувати код у реальному часі.

Декодер працює повністю у вашому браузері. Завантажені зображення потрапляють на HTML-canvas, перетворюються на дані зображення та скануються локально за допомогою бібліотеки jsQR. Під час сканування камерою сторінка запитує дозвіл у браузера, малює кадри відео на той самий прихований canvas і перевіряє кожен кадр на наявність QR-візерунка. Жодне зображення, кадр чи розпізнаний текст не надсилається на сервер, тож приватні коди та внутрішні скриншоти залишаються під вашим контролем.

Як отримати найкращий результат сканування

Для зчитування QR потрібен чіткий вигляд усього квадратного коду разом із порожнім полем навколо нього. Якщо завантажене зображення не розпізнається, спробуйте обрізати його менш щільно, збільшити яскравість або використати скриншот вищої роздільної здатності. Під час сканування камерою тримайте код нерухомо, уникайте відблисків і підійдіть ближче, доки модулі не стануть різкими. Малоконтрастні зображення, інвертовані кольори, прозорі фони та пошкоджені коди читаються складніше, ніж звичайні чорні коди на білому тлі.

Після розпізнавання коду результат з’являється як звичайний текст. Якщо вміст є URL-адресою HTTP або HTTPS, сторінка показує кнопку «Відкрити посилання», щоб ви самі вирішили, чи переходити за ним. Цей додатковий крок зроблено навмисно: він дозволяє перевірити посилання, перш ніж залишити сторінку. Для вмісту, що не є посиланням, як-от дані WiFi, vCard, серійні номери чи короткі нотатки, скористайтеся кнопкою копіювання, щоб вставити текст в інший застосунок.

Приватність камери та керування дозволами

Сканування камерою використовує стандартний API браузера getUserMedia. Запит на дозвіл контролює браузер, і ви можете відмовити в доступі, не впливаючи на розпізнавання завантажених зображень. Якщо дозвіл відхилено, сумісної камери немає або сторінка завантажена не в безпечному контексті, інструмент покаже зрозуміле повідомлення та продовжить працювати з файлами зображень. Після успішного сканування камерою потік автоматично зупиняється, щоб камера не залишалася ввімкненою довше, ніж потрібно.