uniapp项目引入dplayer.js以及hls.js用来解析播放m3u8直播流视频文件

在Uniapp项目中引入dplayer.js和hls.js可以实现解析和播放m3u8直播流视频文件，具体步骤如下：

1. 首先，将dplayer.js和hls.js的相关文件引入到Uniapp项目中。可以通过npm安装这些库文件，也可以将它们下载到本地然后引入。

2. 在需要使用dplayer的页面中，使用uni.require将dplayer.js引入进来。例如，可以在页面的script标签中使用以下代码：

import DPlayer from '@/path/to/dplayer.js';

注意，@/path/to/指的是dplayer.js文件所在的路径。

3. 在页面中创建一个容器元素，用于渲染播放器。可以在template标签中添加一个div元素，例如：

<template>
  <div id="dplayer-container"></div>
</template>

这里给div元素设置一个id，以便之后使用。

4. 在页面的mounted钩子函数中，创建并初始化DPlayer实例。可以在mounted函数中添加以下代码：

mounted() {
  const container = document.getElementById('dplayer-container');
  const options = {
    // 设置DPlayer的配置选项
  };
  const player = new DPlayer(options);
  player.init();
  // 其他相关配置和操作
},

这里需要根据具体项目的需求，设置DPlayer的相关配置选项，比如视频的url、控制栏样式等。可以参考DPlayer的官方文档进行设置。

5. 使用hls.js解析m3u8直播流视频文件。在设置DPlayer的配置选项时，可以通过设置type为'hls'来启用hls.js的解析功能。例如：

const options = {
  // 其他配置选项
  type: 'hls',
  url: 'http://example.com/video.m3u8',
};

这里的url需要替换为实际的m3u8直播流视频文件的地址。

通过以上步骤，在Uniapp项目中成功引入dplayer.js和hls.js，并使用DPlayer来解析和播放m3u8直播流视频文件。修改相应的配置选项，可以根据需求进行定制化操作。