0. 安装依赖
npm install filter-color-video-player
1. 在需要使用的vue文件中下引入
import FilterColorVideoPlayer from "filter-color-video-player"
import "filter-color-video-player/dist/style.css";
2. 使用标签嵌入组件
<FilterColorVideoPlayer
videoSrc="1.mp4"
:removeColors="[[3, 255, 0, 100]]"
:muted="muted"
/>
【videoSrc:String】必填,传视频地址
【removeColors:Array】必填,传需要去除的rgb颜色和颜色范围的数组。
Array中的每一项参数为[R,G,B,range]为设定一个颜色和范围,可传多个颜色,如[[R,G,B,range],[R,G,B,range],...],R,G,B,range的值均为Number类型。
【autoplay:Boolean】可不填,默认为true,控制自动播放
【loop:Boolean】可不填,默认为true,控制循环播放
【muted:Boolean】可不填,默认为true,控制静音播放
【视频宽高问题】处理后的画布宽高等于外层容器的宽高,设置父容器的定位以及宽高,即可控制视频的宽高
【有声视频自动播放问题】