弹幕防遮挡很简单

之前写了在线加载第三方弹幕的脚本,然后发现防遮挡的需求还是有的,但要实现需要防遮挡区域的蒙版,一时之间就觉得不太好实现了,今天突然发现,不需要蒙版,只要留下视频中间部分,就能满足80%的防遮挡需求.

同时,使用一段时间后,我还发现了,我基本只看右侧的弹幕

然后根据弹幕和屏幕中央的垂直距离优化一下就变成现在的效果了

好像还是使用mask效果更好

radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 1) 80%)