102.SAPUI5 sap.ndc.BarcodeScannerButton调用摄像头时,localhost访问正常,使用IP访问失败

embedded/2024/9/24 12:04:45/

目录

原因

解决办法

1.修改谷歌浏览器的setting

2.在tomcat中配置https访问

参考


        使用SAPUI5的sap.ndc.BarcodeScannerButton调用摄像头时,localhost访问正常,使用IP访问时,一直打不开摄像头,提示getUserMedia()问题。

原因

        安全问题,为了用户的隐私安全,http协议无法使用多媒体设备。因为像摄像头属于可能涉及重大隐私问题的API,getUserMedia()的规范提出了浏览器必须满足一系列隐私和安全要求。这个方法功能很强大,只能在安全的网络环境使用,在不安全的环境中为undefined。

navigator.mediaDevices在目前以下情况中可以获取到

  1. 地址为localhost://访问
  2. 协议为https
  3. 为文件访问file:///

解决办法

1.修改谷歌浏览器的setting

在地址栏输入:
chrome://flags/#unsafely-treat-insecure-origin-as-secure 

【chrome://flags/#unsafely-treat-insecure-origin-as-secure 是 Chrome 浏览器中的一个设置选项,它的作用是将不安全的来源(HTTP)视为安全的来源(HTTPS),从而避免浏览器的安全性警告,启用 chrome://flags/#unsafely-treat-insecure-origin-as-secure 这个设置后,Chrome 浏览器将不再显示与混合内容相关的警告,而是将所有不安全的来源都视为安全的来源。这样做可能会降低浏览器对网站安全性的监控程度,因为不再强调混合内容可能带来的潜在风险。】

2.在tomcat中配置https访问

以上两种方法都可行。

参考

前端项目在本地localhost可以调取到拍照或麦克风等设备,但是在局域网内IP+端口号访问项目时访问不到设备_如何请求指定的ip获取高拍仪拍照设备-CSDN博客


http://www.ppmy.cn/embedded/116088.html

相关文章

快手旗下——Kolors模型部署与使用指南

以下是按照要求重写后的 Kolors 模型部署与使用指南,文章风格偏技术性,但保持简洁和易懂的特点: Kolors 模型部署与使用指南 一、Kolors 简介 Kolors 是由快手 Kolors 团队开发的文本到图像生成模型,基于大规模的潜在扩散技术。…

前端项目代码开发规范及工具配置

在项目开发中,良好的代码编写规范是项目组成的重要元素。本文将详细介绍在项目开发中如何集成相应的代码规范插件及使用方法。 项目规范及工具 集成 EditorConfig集成 Prettier1. 安装 Prettier2. 创建 Prettier 配置文件3. 配置 .prettierrc4. 使用 Prettier 集成 …

828 华为云征文|华为 Flexus 云服务器搭建 SamWaf 开源轻量级网站防火墙

在当今数字化高速发展的时代,网络安全问题日益凸显。为了保障网站的稳定运行和数据安全,我们可以借助华为 Flexus 云服务器搭建 SamWaf 开源轻量级网站防火墙。这不仅是一次技术的挑战,更是为网站筑牢安全防线的重要举措。 一、华为 Flexus …

拓宽销售渠道的电子名片小程序源码系统 带源代码以及搭建部署教程

系统概述 电子名片小程序源码系统是一款集名片信息管理、社交分享、数据分析于一体的综合解决方案。它打破了传统纸质名片的局限性,将名片信息以数字化的形式呈现,并通过微信小程序这一平台,实现了名片的即时分享、互动与追踪。该系统适用于…

【Linux 从基础到进阶】 Xen 虚拟化技术应用

Xen 虚拟化技术应用 Xen 是一款开源的虚拟化技术,广泛应用于云计算和服务器虚拟化中。作为一款高性能的虚拟化平台,Xen 提供了完整的虚拟化(Full Virtualization)和准虚拟化(Paravirtualization)支持,能够在 x86 和 ARM 等架构上运行多个虚拟机。本文将介绍 Xen 的基本…

设计模式之命令模式:从原理到实战,深入解析及源码应用

命令模式 什么是命令模式? 命令模式(Command Pattern)是一种行为设计模式,它将一个请求封装为一个对象,从而允许使用不同的请求、队列或者日志来参数化对象,并支持可撤销的操作。命令模式的核心思想是将命令…

ubuntu 20.04 ‘Wired Unmanaged‘ 网络无法配置解决方法

问题描述 系统:ubuntu20.04连上网线后右上角没有有线网络连接的图标,在网络配置界面也只有VPN和无线网络的配置;实际上此时电脑已经连接网络,通过DHCP获得IP地址可以正常访问网络。 解决办法 ubuntu有有两套网络管理软件:serve…

STM32与51单片机的区别:是否应该直接学习STM32?

STM32与51单片机的区别:是否应该直接学习STM32? 在单片机的世界里,STM32和51单片机都是非常重要的角色。对于初学者来说,是否可以直接跳过51单片机,直接学习STM32,这个问题一直存在争议。让我们深入探讨这…