сканировать кур код в хроме
Как в Chrome на Android сделать ссылку QR-кодом
Все знают, как поделиться веб-страницей, открытой в браузере, с кем-то ещё. Всего-то и нужно, что выделить URL-адрес, скопировать его и переслать адресату по электронной почте, в мессенджере или любым другим способом. А что, если поделиться нужно с человеком, который стоит поблизости, или ссылку нужно отправить себе, но только на другое устройство? В таких случаях, как ни странно, поступают точно так же. Поэтому тот же Telegram сделал особый чат «Избранное», чтобы пользователи могли отправлять что-то самим себе. К счастью, теперь в Chrome появился более удобный инструмент.
Теперь Chrome позволяет вшить ссылку прямо в QR-код
Google Chrome научился генерировать QR-коды, которые ведут на выбранную веб-страницу. Это кросс-платформенная функция, которая работает как на Android и iOS, так и на Windows и macOS. Таким образом можно мгновенно сгенерировать QR-код на компьютере, а потом считать его с помощью смартфона и получить доступ к тому сайту, с которыми вы работали перед этим. Раньше в Chrome такая возможность была доступна только при использовании специального расширения, которое работало через раз, а теперь это штатная функция самого браузера.
Как ссылку превратить в QR-код
Несмотря на то что нововведение уже появилось в релизной версии Gogle Chrome, по умолчанию оно недоступно, а включить его можно только в экспериментальном меню. Впрочем, сделать это довольно просто:
Google Chrome сможет моментально открывать вкладки и не жрать оперативку
Чтобы ссылки в QR-кодах заработали, нужно включить секретный механизм в экспериментальном меню
Запуск сканера даже более неочевиден, чем генерация QR-кодов
Как сканировать QR-ссылку
Десктопный Chrome тоже поддерживает QR-коды
Как видите, ничего сложного. Единственное, что не совсем очевидно, — это то, как сканировать QR-коды, содержащие в себе ссылку. А, между тем, для этого сканирующему нужно повторить все те же самые действия. Для этого необходимо запустить браузер, перейти в контекстное меню и выбрать «Поделиться». А уже там следует переключиться с режима генерации QR-кода на режим сканирования. Это уже не так удобно, а другого способа активировать сканер мне обнаружить так и не удалось. Поэтому считаю, что Google предстоит доработать новый механизм, вынеся кнопку сканирования на более видное место.
Google сделает Chrome для Android ещё быстрее в следующем обновлении
Несмотря на то что в десктопной версии Google Chrome есть возможность генерации QR-кодов со ссылками (ровно по тому же принципу, только контекстное меню вызывается правой кнопкой мыши), отсканировать компьютером уже готовую ссылку, например, со смартфона, у вас не получится при всём желании. В принципе, особо отчаянные могут заморочиться с использованием «Google Объектива», тем более мы уже рассказывали, как работает этот сервис. Однако удобства от подобного сканирования не ждите.
Новости, статьи и анонсы публикаций
Свободное общение и обсуждение материалов
Google постоянно за что-то штрафуют, в чём-то обвиняют и к чему-то обязывают. Это происходит и в США, и в Европе, и в России. Но обычно до рядового пользователя все эти разборки не доходят. В конце концов, кому какая разница, нарушила Google патент или не допустила в Chrome какую-нибудь местечковую поисковую систему. Само собой, никакой. Но иногда проблемы Google становятся нашими общими проблемами, потому что от их решения напрямую зависит, останется у нас доступ к её сервисам или нет.
Обновление Android, как и любой другой операционной системы, является несомненным благом для каждого пользователя. Вот только не все знают, как, когда и даже зачем это это делать. Я часто сталкивался с тем, что простые пользователи даже не знают, какая версия Android установлена на их смартфоне. При этом они упускают некоторые важные, полезные и удобные обновления новых версий, которые доступны для из устройств. Часто после обновления смартфон становится совершенно другим. Как, например, при переходе к Android 11 для Samsung или к Android 10 для Huawei в свое время. Рассказываю, как проверить версию операционной системы на вашем смартфоне, как узнать, есть ли обновление, и как его скачать, чтобы пользоваться всеми преимуществами нового ПО.
Как вы думаете, какими смартфонами пользуются сотрудники Apple? В большинстве своём это, конечно, iPhone. Скорее всего, это никакая не принудиловка. Им просто реально нравится этот смартфон. Иронично, но то же правило действует и в отношении сотрудников других брендов. Они тоже пользуются iPhone, в чём мы неоднократно убеждались. Что и говорить, если глава Huawei самолично говорит, что любит технику Apple и покупает её не только для себя, но и для членов своей семьи. А какими мессенджерами пользуются разработчики этих самых мессенджеров?
Поясните для бестолковых, пожалуйста.
Ну вот получил я на смартфон, в мессенджер, ссылку в виде QR-кода
И как по ней перейти?
Как сгенерировать QR-код URL в Google Chrome на Android
Есть много способов поделиться ссылками из Google Chrome на Android. Вы можете скопировать URL-адрес или поделиться им напрямую с другим приложением. Но всегда хорошо иметь больше возможностей, и одна из них — QR-коды.
QR-код — это тип штрих-кода, который содержит информацию, которая может быть обнаружена при сканировании устройством для чтения QR-кода. Их можно использовать для хранения различной информации, включая URL-адреса.
В примере с браузером Chrome сгенерированный QR-код ссылается на URL-адрес, которым Вы делитесь. Вы можете показать QR-код другу, чтобы он отсканировал или загрузил его для своих целей.
Чтобы использовать функцию совместного использования QR-кода в Google Chrome на Android, нам нужно включить несколько экспериментальных функций. Включение флагов может вызвать проблемы при использовании приложения, имейте это ввиду.
Откройте приложение «Chrome» на своем телефоне или планшете Android и введите chrome://flags в адресной строке.
Затем в строке поиска введите «Sharing Hub». Установите для флажка «Chrome Sharing Hub» значение «Enabled» вместо «Default».
Прежде чем перезапустить Chrome, введите «QR code» в поле поиска. Установите для флажка «Chrome Share QRCodes» значение «Enabled».
Теперь нажмите «Relaunch», чтобы изменения вступили в силу.
Когда Google Chrome снова будет открыт, перейдите на веб-страницу, которой Вы хотите поделиться с помощью QR-кода. Оказавшись там, коснитесь адресной строки и выберите соответствующий значок.
Вверху списка будет опция «QR-код». Коснитесь ее.
QR-код будет сгенерирован и отображен на Вашем экране. Теперь Вы можете позволить людям сканировать его или нажмите «Скачать», чтобы сохранить QR-код на свое устройство и использовать его позже.
Вы также заметите, что в верхней части экрана есть вкладка «Искать». Этот метод также работает как простой способ открыть сканер QR-кода (кроме открытия приложения камеры на телефоне или планшете).
QR-код и сканер теперь находятся всего в нескольких нажатиях в веб-браузере Android, когда они Вам понадобятся.
Ссылки в виде QR кодов стали доступны в браузере Google Chrome Canary
реклама
Еще в декабре прошлого года компания Google начала работу над функцией отправки страниц из настольной версии браузера Chrome на мобильные устройства путем создания QR-кода. Позже компания добавила соответствующую настройку в экспериментальные сборки браузера Chrome Canary, но новая функция не работала должным образом до сегодняшнего дня.
Начиная со сборки Chrome Canary 84.0.4116.5 функция стала выполнять свои основные задачи. После включения новой опции, в адресной строке браузера становится доступной кнопка, нажав на которую пользователь получает QR-код с зашифрованной URL ссылкой веб-страницы.
реклама
Чтобы воспользоваться новой функцией, убедитесь, что вы используете сборку Chrome Canary 84.0.4116.5 или новее. Включите настройку chrome://flags/#sharing-qr-code-generator и перезапустите браузер. Теперь на любой веб-странице в адресной строке появится нужная кнопка, активирующая новую функцию. Щелкните ее правой кнопкой мыши и выберите «Создать QR-код для этой страницы».
Теперь сканируйте сгенерированный QR-код камерой вашего смартфона и получите ссылку на веб-сайт. Так же новая функция позволяет загрузить QR-код для страницы в формате изображения, которое можно отправить любому пользователю. На данный момент функция не доработана, но она будет работать лучше уже в ближайшие дни и, вероятно, в скором времени появится в стабильной версии браузере Chrome.
В Google Chrome можно будет делиться адресами при помощи QR-кодов. Вот как включить эту функцию
Прежде, чем ввести новую опцию, любая компания должна в той или иной степени протестировать ее на как можно большем количестве пользователей. Если говорить о самом популярном браузере Google Chrome, то для него у поискового гиганта существует программа под названием Chrome Canary — это что-то вроде экспериментальной площадки для всех желающих, где Google проверяет то, насколько хорошо работают новые функции и то, будут ли они востребованы широкой аудиторией. Так вот, совсем недавно в Chrome Canary появилась возможность делиться интернет-адресами весьма интересным способом — при помощи QR-кодов. И при желании этой опцией (а также кучей других нововведений) можно начать пользоваться уже сейчас.
QR-коды находят все большее применение и облегчают жизнь
Как поделиться интернет-адресом при помощи QR-кода
На данный момент опция доступна только в системе Chrome Canary, так что вам нужно будет пройти на страницу сервиса, зарегистрироваться там и скачать особую версию браузера, после чего вы сможете получать последние обновления с экспериментальными функциями. Причем лично нам использование QR-кодов видится крайне удобным и хотелось бы поскорее увидеть эту функцию для всех версий браузера (в том числе и для мобильной). Забудьте о том, что URL-адрес теперь нужно копировать из адресной строки и пересылать эти длинные адреса. Можно просто сгенерировать QR-код и отправить его по электронной почте или в виде сообщения в любом мессенджере.
Итак, если у вас уже установлена последняя сборка браузера Google Chrome из программы Chrome Canary, то вот что вам нужно сделать, чтобы получить доступ к новой опции.
Готово! Теперь вы можете щелкнуть правой кнопкой мыши на странице, и во всплывающем меню вы должны увидеть новую опцию под названием «Generate QR-code» («Сгенерировать QR-код«). Выбрав ее, появится собственно сам этот код, который можно скопировать и отправить любому человеку по электронной почте или в личном сообщений. А он в свою очередь сможет отсканировать QR-код на своем смартфоне. Как вам такая возможность? Будете использовать ее в обновленной версии браузера? Напишите об этом в нашем чате в Телеграм.
Хочется заметить, что это лишь одна из множества опций, которые ждут нас в будущем. Ведь ранее в этом году представители поискового гиганта уже сообщали, что в 2020 году нас ждет очень много обновлений Google Chrome, которые изменят облик браузера. Часть из них уже тестируется в системе Chrome Canary и если вам интересно, как будет выглядеть самый популярный в мире браузер в будущем, то настоятельно рекомендуем попробовать новый интересный сервис. К тому же, перестать пользоваться им вы сможете в любой момент, так что по-факту вы ничего не теряете, а лишь приобретаете.
Введение в Screen Capture API — Сканируем QR коды в браузере
Введение
В этой статье мы, как вы уже догадались, поговорим про Screen Capture API. Этот API появился на свет в 2014 году, и новым его назвать сложно, однако поддержка браузерами все еще достаточно слабая. Тем не менее его вполне можно использовать для персональных проектов или там, где эта поддержка не так важна.
Немного ссылок для начала:
На случай если ссылка с демо отвалится (или если вам лень туда перейти) — вот так выглядит готовое демо:
Мотивация
Недавно у меня возникла идея веб-приложения, которое использует в своей работе QR-коды. И хотя они обычно удобны для передачи, например, длинных ссылок в реальном мире, где на них можно направить телефон, на десктопе все несколько сложнее. Если QR код находится на экране того же устройства, на котором его нужно прочитать, — нужно возиться с сервисами для распознавания или распознать с телефона и переправить данные обратно на ПК. Неудобно.
Некоторые продукты, такие как 1Password, включают в себя интересное решение для этой ситуации. При необходимости настроить аккаунт из QR-кода, они открывают полупрозрачное окно, которое можно перетащить поверх изображения с кодом, и он автоматически распознается. Вот как это выглядит:
Было бы идеально, если бы мы могли реализовать что-то подобное для нашего приложения. Но, наверное, в браузере так не выйдет.
Встречайте — getDisplayMedia
Довольно любопытная подборка мобильных браузеров рядом с ожидаемой большой двойкой.
Браузерное API, которое позволяет заглянуть за пределы браузера… Звучит знакомо и обычно сулит одни неприятности, но в данном случае может быть достаточно удобно. Можно захватывать картинку из других окон и, например, в реальном времени распознавать и переводить текст, как Google Translate Camera. Ну и, наверное, есть еще много интересных применений.
Собираем
Итак, с возможностями, которые нам дает API, разобрались. Что дальше?
Крупным планом процесс выглядит примерно так:
Опуская все не относящееся к делу, чтобы запустить поток и вытащить из него фрейм, нам понадобится примерно следующий код:
Как и говорилось выше: сначала мы создаем элементы и и просим у канваса 2D контекст ( CanvasRenderingContext2D ).
Затем мы определяем ограничения/условия потока. В отличие от потоков с камеры, тут их немного. Мы говорим, что не хотим видеть курсор, и что нам не нужно аудио. Хотя на момент написания этой статьи захват аудио все равно никем не поддерживается.
Для полноценного использования вам, скорее всего, захочется обрабатывать кадры в цикле, нежели один раз. Например, пока вы ждете когда необходимое изображение появится в кадре. И здесь нужно сказать пару слов.
Библиотека называется stream-display : NPM | Github.
Ее использование сводится буквально к трем строчкам кода и коллбэку:
Демо можно посмотреть здесь. Также есть CodePen версия для быстрых экспериментов. Оба примера используют упомянутый выше NPM-пакет.
Немного о тестировании
Также я использовал sinon для всех заглушек функций, за вызовами которых нужно было следить. Остальное было реализовано пустыми JS-функциями.
Разумеется, вы вольны выбирать тот инструментарий, с которым уже знакомы. Но, надеюсь, этот список позволит его заранее подготовить, так как теперь вы знаете, с чем придется иметь дело.
Конечный результат можно увидеть в репозитории библиотеки. Выглядит не слишком красиво, но работает.
Заключение
Решение получилось не столь элегантным, как упомянутое в начале статьи прозрачное окно, но, возможно, однажды веб дойдет и до этого. Остается только надеяться, что когда браузеры научатся видеть сквозь свои окна — эти возможности будут строго подконтрольны нам. А пока что помните, что когда вы шарите экран в Chrome — его могут парсить, записывать, и т.д. Так что не шарьте больше чем нужно!
Надеюсь, кто-то после этой статьи выучил для себя новый трюк. Если у вас есть идеи, для чего еще это может быть использовано, — пишите в комментариях. И до новых встреч.