今天碰到个需求,要给web端提供调节直播视频的亮度,对比度等,百度一番发现不是用插件的就是用canvas再渲染的,太麻烦了,最终看到google一款扩展插件Video Styler,并观察前端video css变化,发现video的一个重要属性可设置亮度,对比度,饱和度等,,,,,上代码
filter:
brightness(111%)
contrast(100%)
saturate(100%)
grayscale(0%)
invert(0%)
sepia(0%)
hue-rotate(
0deg
) blur(0px);
以上只需$("video").css(“filter”,"以上对应样式"),即可实现调节视频亮度等,无需其他复杂操作,好用的给个赞哦!!!