谷歌浏览器开启摄像头功能

最新推荐文章于 2024-08-08 11:26:33 发布

weixin_44596285

最新推荐文章于 2024-08-08 11:26:33 发布

阅读量2.2w

点赞数

分类专栏：浏览器相关文章标签：前端杂谈

本文链接：https://blog.csdn.net/weixin_44596285/article/details/92591731

版权

本文介绍了如何在谷歌浏览器中开启摄像头功能，特别是在面临http协议不被支持的安全策略时，提供了通过修改chrome快捷方式属性来规避限制的方法。

摘要由CSDN通过智能技术生成

注意：
由于浏览器安全策略，开启摄像功能只支持https协议；
让谷歌浏览器http协议支持的解决方案：

右键chrome快捷方式》属性》快捷方式》目标
最后添加上

--unsafely-treat-insecure-origin-as-secure="http://yourexample.com" --

最后的http://yourexample.com是想摆脱http安全策略限制，即实现开启摄像头功能的站点

<!DOCTYPE html>
<html lang="ZH-CN">
<head>
  <meta charset="utf-8">
  <title>web拍照</title>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">

  <style>
    button{margin-right:15px;font-size: 16px;letter-spacing:2px;padding:5px; }
    canvas{display:none;}
    video{border:1px solid #ddd;float: right;width: 320px;height: 240px;background: black;}
    .row{margin-left:0px;margin-right: 0px;}
    .row.menu,.row.video,.row.report{border-bottom: 1px solid #ddd;padding:10px;}
     .row.video {display: none;}