但是小程序中不支持hls.js

非常抱歉，我可能会误解您的问题。您是否在问关于小程序中不支持 HLS.js 的问题？如果是的话，那么是的，小程序不支持使用 HLS.js 库。这是因为小程序的开发环境和浏览器环境有所不同，所以一些库和技术可能无法在小程序中使用。如果您需要在小程序中使用 HLS 流，可以考虑使用其他的技术和库来实现。例如，您可以使用微信小程序提供的视频组件来播放 MP4 格式的视频。

相关问题

微信小程序中如何使用Hls.js

在微信小程序中使用Hls.js，您需要先将Hls.js打包成小程序可以使用的模块。

1. 下载Hls.js的源代码并解压缩，进入根目录，执行以下命令：

npm install
npm run build

2. 执行完上述命令后，会在dist目录下生成hls.js和hls.min.js两个文件，将这两个文件拷贝到小程序项目的目录中。

3. 在小程序页面的js文件中引入hls.min.js文件，并创建一个Hls对象：

import Hls from './hls.min.js';

Page({
  data: {
    ...
  },
  onReady: function() {
    // 获取video组件实例
    this.videoContext = wx.createVideoContext('myVideo');
    // 创建Hls对象
    this.hls = new Hls();
    // 监听Hls状态变化事件
    this.hls.on(Hls.Events.MANIFEST_PARSED, () => {
      // 将Hls对象绑定到video组件上
      this.videoContext.src = this.hls.url;
      this.videoContext.play();
    });
    // 加载m3u8文件
    this.hls.loadSource('http://example.com/path/to/playlist.m3u8');
  },
  ...
});

4. 在小程序页面的wxml文件中添加video组件，并设置id和src属性：

<video id="myVideo" src="" controls></video>

5. 在小程序页面的wxss文件中设置video组件的样式：

video {
  width: 100%;
  height: 100%;
}

6. 运行小程序，即可播放m3u8文件。

需要注意的是，Hls.js需要在支持WebAssembly的环境下运行，因此在微信小程序中需要使用支持WebAssembly的开发者工具进行开发和调试。同时，Hls.js在解析m3u8文件时需要请求多个ts文件，因此需要保证网络状况良好，否则容易出现卡顿和播放不流畅的情况。

uniapp hls.js

Uniapp和HLS.js是两个不同的技术工具。

Uniapp是一个基于Vue.js的跨平台开发框架，它允许开发者使用Vue.js进行一次编写，多端发布的方式来开发iOS、Android、H5等多个平台的应用。Uniapp支持使用HTML、CSS、JavaScript进行开发，能够高效地实现应用的跨平台开发和快速部署。它提供了丰富的组件和接口，开发者可以充分利用这些资源来开发各种类型的应用程序。

HLS.js是一个在客户端实现HTTP Live Streaming（HLS）的库，它可以直接在浏览器中解码和播放HLS视频流。HLS是一种流媒体传输协议，是苹果公司推出的一种视频分发技术，它将整个视频文件划分为一系列小的TS（Transport Stream）片段，并通过HTTP协议动态传输这些片段。HLS.js可以将这些片段在客户端进行下载和解码，实现无缝的视频播放体验。

将Uniapp和HLS.js结合使用，可以实现在Uniapp应用中播放HLS格式的视频流。开发者可以通过引入HLS.js库，并在Uniapp的页面中使用对应的组件来展示视频内容。HLS.js库可以负责处理HLS流的下载、解码和播放逻辑，而Uniapp可以提供跨平台的开发能力，使得开发的应用可以在不同的平台上都能够正常播放HLS视频。

综上所述，Uniapp和HLS.js是两个互相独立的技术工具，通过结合使用可以在Uniapp应用中实现HLS视频的播放功能。