Считыватель QR-кодов

Распознавание QR-кодов из изображений или с камеры

QR-коды встречаются повсюду: на упаковках, чеках, плакатах, билетах, карточках настройки устройств, в меню ресторанов и на экранах входа. Иногда нужно узнать, что содержит код, прежде чем его открывать, или перед вами скриншот, а не сам код. Этот считыватель подходит для обоих случаев. Вы можете загрузить файл изображения со своего устройства или временно предоставить доступ к камере и отсканировать код в реальном времени.

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

Как получить лучший результат сканирования

Для считывания QR нужен чёткий вид всего квадратного кода вместе с пустым полем вокруг него. Если загруженное изображение не распознаётся, попробуйте обрезать его менее плотно, увеличить яркость или использовать скриншот с более высоким разрешением. При сканировании камерой держите код неподвижно, избегайте бликов и подойдите ближе, пока модули не станут чёткими. Малоконтрастные изображения, инвертированные цвета, прозрачные фоны и повреждённые коды читаются сложнее, чем обычные чёрные коды на белом фоне.

После распознавания кода результат отображается как обычный текст. Если содержимое — это URL-адрес HTTP или HTTPS, страница показывает кнопку «Открыть ссылку», чтобы вы сами решили, переходить ли по ней. Этот дополнительный шаг сделан намеренно: он позволяет проверить ссылку, прежде чем покинуть страницу. Для содержимого, не являющегося ссылкой, например данных WiFi, vCard, серийных номеров или коротких заметок, используйте кнопку копирования, чтобы вставить текст в другое приложение.

Конфиденциальность камеры и управление разрешениями

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