在具有相同名称的库中包含具有相同名称的不同对象。

Question

我正在尝试使用来自多个网络摄像头的源创建一个页面，但我引用的JS库存储在具有相同名称的摄像头本身上。此外，视频流查看器对象的名称相同。

以下是我到目前为止的代码示例：

<script type='text/javascript' src='http://192.168.0.1:80/jsv/SncViewer.js'></script>
<script type="text/javascript">
new SNC.viewer('div1',{sz:'3',atc:'0',at:'1',ptz:'1',fps:'30',mt:'1',iPS:'1',frm:'0'});
</script>
<script type='text/javascript' src='http://192.168.0.2:80/jsv/SncViewer.js'></script>
<script>
new SNC.viewer('div2',{sz:'3',atc:'0',at:'1',ptz:'1',fps:'30',mt:'1',iPS:'1',frm:'0'});
</script>

它正确显示第一个对象，但不显示第二个对象。

有没有办法创建来自不同网络库的此对象的单独实例？

Answer 1

第一步可能是从两个相机下载JavaScript并检查它。它们可能会对其中的某些数据进行硬编码，但也许您可以创建自己的版本，以便在运行时配置SNC查看器对象。

如果失败或付出太多努力，则将每个摄像机放入新的iframe，因为帧会将脚本彼此隔离。