vue调海康硬盘录像机

要在Vue中调用海康威视的硬盘录像机（DVR），需要使用海康威视提供的Web SDK。以下是一些基本步骤：

1. 首先，从海康威视官网上下载Web SDK，并解压缩。

2. 在Vue项目中，安装并引入axios库，用于发送请求。

3. 在Vue项目的public/index.html文件中，添加以下代码：

<script src="http://你的DVR的IP地址:端口号/plugin/HikWebPlugin.js"></script>

这将加载海康威视的Web插件，用于在浏览器中显示视频流。

4. 创建一个Vue组件，用于显示视频流。在该组件的mounted生命周期钩子中，使用axios发送请求，获取视频流的URL。可以使用以下代码：

axios.get('http://你的DVR的IP地址:端口号/ISAPI/Streaming/channels/101/picture').then(response => {
  let xml = response.data
  let parser = new DOMParser()
  let xmlDoc = parser.parseFromString(xml, 'text/xml')
  let url = xmlDoc.getElementsByTagName('StreamingURL')[0].childNodes[0].nodeValue
  // 在这里使用url加载视频流
})

其中，101是默认通道号，可以根据实际情况进行更改。

5. 在组件中使用海康威视提供的Web插件，用于显示视频流。可以使用以下代码：

<object id="player" classid="clsid:91CCD2DE-FD0D-4EA5-9284-76D7EBBDAE2A" width="100%" height="100%">
  <param name="wmode" value="transparent">
</object>

let player = document.getElementById('player')
player.URL = url

其中，url是步骤4中获取到的视频流URL。

以上是基本的步骤，可以根据实际情况进行适当修改。注意，海康威视的Web SDK只支持IE浏览器和部分国产浏览器。如果需要在其他浏览器中使用，可以考虑使用海康威视提供的插件或第三方插件。