包含来自同名库中同名的不同对象

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