这种播放内核使用浏览器原生的播放能力,因此,支持的视频决定于浏览器的原生播放能力。一般桌面为mp4格式,移动端为mp4,hls等。

# 使用

在thumbplayer-core中,我们可以按如下方式使用浏览器原生能力播放视频:

import { KernelFactory } from '@tencent/thumbplayer-core';

const player = KernelFactory.create({
  container: '.container',
});
player.play({
  url: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
});

可以看到,原生播放内核无需引入任何其他模块,因为thumbplayer-core内置了原生播放内核

# 配置项(非必须)

const player = KernelFactory.create({
  container: '.container',
  // 配置原生播放内核
  originKernelConfig: {
    maxVideoNodeCount: 2, 
  },
});
字段名 类型 说明
maxVideoNodeCount number 默认创建的最大VideoNode数量。此值会影响到可以同时预加载的视频数,例如如果需要同时预加载3个视频,这个值就需要指定为3+1
上次更新: 7/29/2021, 9:43:19 PM