公众号制作平台,优化seo方案,wordpress设置在新页面打开,网站建设有趣名称前端项目在本地localhost可以调取到拍照或麦克风等设备#xff0c;但是在局域网内IP端口号访问项目时访问不到设备#xff0c;调取navigation.mediaDevices时本科可以获取到mediaDevices列表#xff0c;局域网内ip端口访问时获取不到mediaDevices。
原因#xff1a;
存在…前端项目在本地localhost可以调取到拍照或麦克风等设备但是在局域网内IP端口号访问项目时访问不到设备调取navigation.mediaDevices时本科可以获取到mediaDevices列表局域网内ip端口访问时获取不到mediaDevices。
原因
存在安全问题为了用户的隐私安全http协议无法使用多媒体设备。因为像摄像头和麦克风属于可能涉及重大隐私问题的APIgetUserMedia()的规范提出了浏览器必须满足一系列隐私和安全要求。这个方法功能很强大只能在安全的网络环境使用在不安全的环境中为undefined。
navigator.mediaDevices在目前以下情况中可以获取到1.地址为localhost://访问2.协议为https3.为文件访问file:///
解决办法
打开谷歌浏览器在地址栏输入 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 浏览器将不再显示与混合内容相关的警告而是将所有不安全的来源都视为安全的来源。这样做可能会降低浏览器对网站安全性的监控程度因为不再强调混合内容可能带来的潜在风险。】
