给我一个 vue 检测 rtsp 视频流是否在线的代码

可以使用一个名为 `vue-video-player` 的插件来实现检测 rtsp 视频流是否在线的功能，具体步骤如下：

1. 安装 `vue-video-player` 插件

npm install vue-video-player --save

2. 在 `main.js` 中引入 `vue-video-player` 插件

import Vue from 'vue'
import VideoPlayer from 'vue-video-player'

Vue.use(VideoPlayer)

3. 在组件中使用 `vue-video-player` 插件

<template>
  <div>
    <video-player ref="player" :options="playerOptions"></video-player>
  </div>
</template>

<script>
export default {
  data() {
    return {
      playerOptions: {
        url: 'rtsp://example.com/stream',
        autoplay: true,
        muted: true
      }
    }
  },
  mounted() {
    this.$refs.player.$on('error', () => {
      console.log('视频流不可用')
    })
  }
}
</script>

在上述代码中，使用 `vue-video-player` 插件创建了一个视频播放器，并指定了播放的 rtsp 视频流的地址。在组件 `mounted` 钩子函数中，通过 `$refs` 属性获取到视频播放器实例，并监听了 `error` 事件。当视频流不可用时，会触发 `error` 事件，此时会在控制台输出一条提示信息。