# 截图
# 演示
# 安装
npm i @lin-media/screenshot
# 初始化
import MediaPlayer from "@lin-media/player";
import Screenshot from "@lin-media/screenshot";
MediaPlayer.use(Screenshot);
const player = new MediaPlayer({
// ...
Screenshot: {
// 点击后自动下载,默认true,你可以设置为false,然后通过事件监听来自定义点击之后的操作
download: true
}
});
// 监听点击事件
player.$on("screenshot", (imageBase64) => {
console.log(imageBase64);
});
// 调用截图方法,请务必当open为true是才能使用该方法,false的是时候是不会往实例上面挂载该方法的
player.screenshot.snapshot();
警告
该插件需要视频开启跨域功能,否则无法截图
# Screenshot 参数
提示
Screenshot 参数设置为 false
可关闭插件功能
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
download | 是否点击后自动下载 | boolean | — | true |
picName | 下载的图片名称 | string | — | screenshot.png |
# 事件
事件名称 | 说明 | 回调参数 |
---|---|---|
screenshot | 截图的时候触发 | base64 图片 |
# API
player.screenshot.snapshot()
: 调用截图方法