uniapp使用 mui-playe播放rtsp的代码

可以使用`uni-app`自带的`video`组件来播放`RTSP`视频流，同时需要使用`uni-app`插件`uni-mui`来引入`MUI`框架。

首先在`uni-app`的`main.js`中引入`uni-mui`插件：

import Vue from 'vue'
import App from './App'

import Mui from 'uni-mui'
Vue.use(Mui)

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

然后在需要播放`RTSP`视频流的页面中使用`video`组件，设置`src`为`RTSP`视频流的地址即可：

<template>
  <view class="content">
    <video
      id="video"
      :src="rtspUrl"
      controls
      autoplay
      style="width: 100%; height: 100%;"
    ></video>
  </view>
</template>

<script>
export default {
  data() {
    return {
      rtspUrl: 'rtsp://example.com/stream',
    }
  },
}
</script>

需要注意的是，`RTSP`视频流的地址需要根据实际情况进行设置。同时，由于`RTSP`视频流需要通过插件来进行播放，因此可能需要在手机端使用`APP`来进行播放。