如何在JavaScript的子资源请求中绕过对嵌入式凭据的放弃支持

时间:2019-06-28 13:40:30

标签: javascript

我写了一些小脚本来在Grafana面板(下面的代码)中显示来自IP摄像机的图片。问题是发送凭据以从相机获取图片。现在,chrome不再支持子资源中的嵌入式凭据吗?您能帮助我如何更改我的简单代码来解决此问题。

我想在Android设备上显示此页面,因此无法安装chrome扩展程序或使用特殊参数运行它来解决此问题。

<script>
var myImageElement = document.getElementById('myImage');
var myImageElements = [
  "http://view:go602cesa!@10.10.10.111/Streaming/channels/102/picture?rand=", 
  "http://view:go602cesa!@10.10.10.112/Streaming/channels/102/picture?rand="
  ];
var activeVideo = 0

myImageElement.addEventListener('click', function(e) {
  // update the active video index
  activeVideo = (++activeVideo) % 2;
});

setInterval(function() {
    //var myImageElement = document.getElementById('myvideo');
    myImageElement.src = myImageElements[activeVideo] + Math.random();
}, 1000);
</script>

<img src="http://view:go602cesa!@10.10.10.111/Streaming/channels/102/picture" id="myImage" width="500" height="375" style="background:black"></img>

0 个答案:

没有答案