微信小程序通过js获取本地视频封面

要通过JavaScript获取本地视频的封面，你可以使用微信小程序的API来实现。以下是一种可能的实现方式：

1. 在wxml文件中，添加一个video组件，并设置id和src属性，如下所示：

<video id="myVideo" src="{{videoSrc}}" poster="{{posterSrc}}"></video>

其中，videoSrc是你要播放的视频路径，posterSrc是封面图片的路径。

2. 在对应的js文件中，使用wx.createVideoContext方法创建一个视频上下文对象，并通过该对象获取视频的封面：

// 获取video组件的上下文对象
const videoContext = wx.createVideoContext('myVideo');

// 在视频加载完成后，获取封面
videoContext.onCanplay(() => {
  // 获取视频封面
  videoContext.seek(0); // 将视频跳转到0秒处
  videoContext.onSeeked(() => {
    // 获取封面图片数据
    wx.canvasToTempFilePath({
      canvasId: 'myCanvas', // 使用一个canvas元素来绘制视频帧
      x: 0,
      y: 0,
      width: 320, // 设置canvas的宽度和高度与视频尺寸保持一致
      height: 240,
      destWidth: 320,
      destHeight: 240,
      success(res) {
        console.log(res.tempFilePath); // 输出封面图片的临时路径
      },
      fail(res) {
        console.error(res);
      }
    });
  });
});

在这段代码中，我们首先使用wx.createVideoContext方法创建一个视频上下文对象，然后监听videoContext的onCanplay事件，在视频可以播放时触发。在onCanplay回调函数中，我们使用videoContext.seek方法将视频跳转到0秒处，并使用videoContext.onSeeked监听视频跳转完成的事件。在onSeeked回调函数中，我们使用wx.canvasToTempFilePath方法将视频当前帧绘制到canvas上，并获取封面图片的临时路径。

注意：为了使用canvasToTempFilePath方法，你需要在wxml文件中添加一个canvas组件，并设置一个id属性，如下所示：

<canvas id="myCanvas" style="display: none;"></canvas>

这段代码中，我们将canvas隐藏起来，不显示在页面上。

这样，通过以上代码，你就可以在微信小程序中获取本地视频的封面了。