uniapp 使用 mui-player 插件播放 m3u8/flv 视频流

在UniApp中使用mui-player插件播方M3U8/FLV视频流，可以按照以下步骤进行操作：

1. 安装mui-player插件

npm install mui-player --save

2. 在需要使用播放器的页面引入mui-player组件：

在需要使用播放器的页面的vue文件中，引入mui-player组件：

<template>
  <view>
    <mui-player :src="videoUrl" type="m3u8"></mui-player>
  </view>
</template>

<script>
import muiPlayer from 'mui-player';

export default {
  components: {
    muiPlayer
  },
  data() {
    return {
      videoUrl: 'http://example.com/video.m3u8' // 替换为实际的视频流地址
    };
  }
};
</script>

其它代替方法 使用uni-app官方的video组件：

uni-app提供了video组件，可以直接在页面中使用该组件来播放视频流。示例代码如下：

<template>
  <view>
    <video :src="videoUrl" :autoplay="true" :controls="true" :muted="false"></video>
  </view>
</template>

<script>
export default {
  data() {
    return {
      videoUrl: 'http://example.com/video.m3u8' // 替换为实际的视频流地址
    };
  }
};
</script>