+
95
-

请问B站的弹幕怎么实现不挡住人物的?

请问B站的弹幕怎么实现不挡住人物的?


网友回复

+
15
-

通过设置-mask-image来实现,通过人工智能对视频画面生成一个人物alpha通道

例如:

800_auto

这样一个画面,生成的alpha通道

800_auto

最终通过mask-image来实现

800_auto

代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <style>
        .video {

          position: relative;
          -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/movie/clipalpha.png");
          -webkit-mask-size: 668p...

点击查看剩余70%

我知道答案,我要回答