我写了一些小脚本来在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>