javascript - 包括来自同名库的同名不同对象。

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，因为帧会将脚本彼此隔离。