截图

安装

1npm i @lin-media/screenshot

初始化

1import MediaPlayer from "@lin-media/player";
2import Screenshot from "@lin-media/screenshot";
3MediaPlayer.use(Screenshot);
4
5const player = new MediaPlayer({
6  // ...
7  Screenshot: {
8    // 点击后自动下载,默认true，你可以设置为false，然后通过事件监听来自定义点击之后的操作
9    download: true
10  }
11});
12
13// 监听点击事件
14player.$on("screenshot", (imageBase64) => {
15  console.log(imageBase64);
16});
17
18// 调用截图方法，请务必当open为true是才能使用该方法，false的是时候是不会往实例上面挂载该方法的
19player.screenshot.snapshot();

注意：该插件需要视频开启跨域功能，否则无法截图

Screenshot 参数

参数	说明	类型	可选值	默认值
download	是否点击后自动下载	boolean	—	true
picName	下载的图片名称	string	—	screenshot.png

事件

事件名称	说明	回调参数
screenshot	截图的时候触发	base64 图片

API

• player.screenshot.snapshot() : 调用截图方法