搜索历史

清空
搜索热词
      0
      • 聊天消息
      • 系统消息
      • 评论与回复
      查看更多
      查看更多
      查看更多
      VIP于 到期 续费
      登录后你可以
      • 下载海量资料
      • 学习在线课程
      • 观看技术视频
      • 写文章/发帖/加入社区
      会员中心
      创作中心
      发布
      创作活动

      完善资料让更多小伙伴认识你，还能领取20积分哦，立即完善>

      3天内不再提示

      是AI识图吗？为什么B站的弹幕可以不挡人物？

      jf_ro2CN3Fa • 来源：钱得乐 • 作者：钱得乐 • 2022-11-14 14:57 • 次阅读
      加入交流群
      微信小助手二维码

      扫码添加小助手

      加入工程师交流群

      那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。

      高端的效果，往往只需要采用最朴素的实现方式，忙碌了两个小时，陈师傅打开了F12，豁然开朗。一张图片+一个属性，直接搞定。

      49df5c82-6300-11ed-8abf-dac502259ad0.jpg

      49fe20e0-6300-11ed-8abf-dac502259ad0.jpg

      为了印证我的想法，我决定自己写一个demo

      



<a href="https://www.elecfans.com/tags/ti/" target="_blank"><u>Ti</u></a>tle




元芳，你怎么看
      你难道就是传说中的奶灵
      你好，我是胖灵
      这是第一集，还没有舔灵

      效果是这样的

      4a21aa88-6300-11ed-8abf-dac502259ad0.jpg

      加一个红背景，看的清楚一些

      4a3f1384-6300-11ed-8abf-dac502259ad0.jpg

      至此我们就实现了B站同款的不遮挡人物的弹幕。至于这张图片是怎么来的，肯定是AI识别出来然后生成的，一张图片也就一两K，一次加载很多张也不会造成很大的负担。

      最后来看看这个神奇的css属性吧

      developer.mozilla.org/zh-CN/docs/…

      Experimental: 这是一个实验中的功能

      所以在开发需求的时候可以把它当成一个亮点使用，但是不能强依赖于这个属性做需求。

      它还有一系列的属性，有兴趣的话可以挨个试一下。

      4a5bdbc2-6300-11ed-8abf-dac502259ad0.jpg

      原作者：稀土掘金钱得乐 在此特别鸣谢！

      声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容侵权或者其他违规问题，请联系本站处理。 举报投诉
      • AI
        AI
        +关注

        关注

        89

        文章

        38153

        浏览量

        296793
      • CSS
        CSS
        +关注

        关注

        0

        文章

        110

        浏览量

        15375

      原文标题：为什么 B 站的弹幕可以不挡人物？

      文章出处：【微信号：芋道源码，微信公众号：芋道源码】欢迎添加关注！文章转载请注明出处。

      收藏 人收藏
      加入交流群
      微信小助手二维码

      扫码添加小助手

      加入工程师交流群

        评论

        相关推荐
        热点推荐

        太强了！AI PC搭载70B大模型，算力狂飙，内存开挂

        DeepSeek-R1不同模型。相对来说，DeepSeek-R1 70B大模型或许是日常AI功能的顶格需求，它也是当前高性能AI PC的着力点之一。   AI PC跑大模型   Dee
        的头像 发表于 03-24 08:52 •2985次阅读
        太强了！<b class='flag-5'>AI</b> PC搭载70<b class='flag-5'>B</b>大模型，算力狂飙，内存开挂

        发力图形工作站和AI推理市场，英特尔大显存GPU亮相湾芯展

        英特尔发布了面向专业的锐炫Pro B50和B60。这两款显卡比较RTX2000和5660Ti,有哪些性能上的优势？在支持AI推理工作站和大模型部署上，
        的头像 发表于 10-22 13:40 •1.1w次阅读
        发力图形工作<b class='flag-5'>站</b>和<b class='flag-5'>AI</b>推理市场，英特尔大显存GPU亮相湾芯展

        Arm首席执行官Rene Haas入选《时代》周刊全球AI百大人物

        近日，Arm 首席执行官 Rene Haas 荣登 《时代》周刊 2025 年全球 AI 百大人物榜单 (TIME100 AI 2025)。该榜单甄选了在塑造人工智能 (AI) 未来方
        的头像 发表于 09-04 19:58 •1288次阅读

        小马智行彭军入选2025年全球AI领域百大影响力人物

        近日，《时代》周刊公布2025年AI领域100位最具影响力人物（TIME100 AI），小马智行创始人、首席执行官彭军上榜。彭军是榜单中唯一以自动驾驶领域成就登榜的人选。
        的头像 发表于 09-02 09:36 •606次阅读

        家电电路识图自学手册

        家电电路识图自学手册
        发表于 07-11 15:49 •13次下载

        STM32F769是否可以部署边缘AI？

        STM32F769是否可以部署边缘AI
        发表于 06-17 06:44

        英特尔发布全新GPU，AI和工作站迎来新选择

        Pro B50 GPU，搭载了为AI推理和专业工作站量身定制的配置，扩展了英特尔锐炫Pro产品系列。 英特尔 ® Gaudi 3 AI 加速器： 英特尔Gaud
        发表于 05-20 11:03 •1670次阅读

        轻轻松松学电工（识图篇）

        内容介绍 结合广大电工人员的实际需要，主要介绍了常用电工电路识图的基础知识、方法及技巧，内容包括常用电气符号、电工识图基本方法，以及识读供配电系统图、建筑电气图、电力拖动系统电气图、PLC梯形图
        发表于 04-30 17:18

        典型电路原理、电路识图从入门到精通等资料

        1、电路识图从入门到精通高清电子资料 由浅入深地介绍了电路图的基础知识、典型单元电路的识图方法，通过“入门篇”和“精通篇”循序渐进、由浅入深地介绍了电路图的基础知识、典型单元电路的识图方法，以及典型
        的头像 发表于 04-15 15:53 •1.9w次阅读
        典型电路原理、电路<b class='flag-5'>识图</b>从入门到精通等资料

        首创开源架构，天玑AI开发套件让端侧AI模型接入得心应手

        生态系统的系统性革新，更需要高效、强力的开发者解决方案。为此，联发科带来了一站式可视化智能开发工具——天玑开发工具集，包含AI应用全流程开发工具Neuron Studio，并带来全新升级的天玑AI开发
        发表于 04-13 19:52

        电路识图从入门到精通高清电子资料

        、彩色电视机等电器的电路图识图技巧。 纯分享贴，有需要可以直接下载附件获取完整资料！ （如果内容有帮助可以关注、点赞、评论支持一下哦~）
        发表于 04-10 16:22

        阿里国际站“八先过海”计划助力B2B商家出海

        近日，阿里国际站正式推出了旨在扶持新商家出海的“八先过海”计划，该计划涵盖了八大举措，全方位助力商家抢占B2B出海先机，延续出海红利。 据了解，“八先过海”计划从多个维度出发，包括加大对新市场的投入
        的头像 发表于 02-19 09:21 •823次阅读

        阿里国际站AI升级，接入DeepSeek等先进模型

        今年春节期间，阿里国际站AI外贸产品传来捷报，成功助力商家接到了价值2000万美元的中东大单。这一成就不仅彰显了阿里国际站AI外贸产品的强大实力，也预示着其在外贸领域的持续深耕和创新。
        的头像 发表于 02-13 09:52 •913次阅读

        现代（Hyundai）机器人物联网平台可以实现什么功能

        现代（Hyundai）机器人物联网平台一般可以实现以下功能： 设备接入与管理 多协议接入 ：支持多种通信协议如 MQTT、CoAP、HTTPS 等，以及多种网络类型包括 2G/3G/4G/5G
        的头像 发表于 02-08 16:05 •479次阅读

        中软国际推出升级版一站式AI解决方案服务

        近日，中软国际模型工场基于昇腾云、DeepSeek模型，推出升级版一站式AI解决方案服务。基于昇腾云，模型工场已完成DeepSeek-R1 671B全参模型满血版与Janus Pro 7B
        的头像 发表于 02-08 10:18 •1071次阅读
        华秋（原“华强聚丰”）：
        电子发烧友
        华秋开发
        华秋电路(原"华强PCB")
        华秋商城(原"华强芯城")
        华秋智造
        My ElecFans
        APP
        网站地图
        设计技术
        可编程逻辑
        电源/新能源
        MEMS/传感技术
        测量仪表
        嵌入式技术
        制造/封装
        模拟技术
        RF/无线
        接口/总线/驱动
        处理器/DSP
        EDA/IC设计
        存储技术
        光电显示
        EMC/EMI设计
        连接器
        行业应用
        LEDs
        汽车电子
        音视频及家电
        通信网络
        医疗电子
        人工智能
        虚拟现实
        可穿戴设备
        机器人
        安全设备/系统
        军用/航空电子
        移动通信
        工业控制
        便携设备
        触控感测
        物联网
        智能电网
        区块链
        新科技
        特色内容
        专栏推荐
        学院
        设计资源
        设计技术
        电子百科
        电子视频
        元器件知识
        工具箱
        VIP会员
        最新技术文章
        产品地图
        品牌地图
        社区
        小组
        论坛
        问答
        评测试用
        企业服务
        产品
        资料
        文章
        方案
        企业
        供应链服务
        硬件开发
        华秋电路
        华秋商城
        华秋智造
        nextPCB
        BOM配单
        媒体服务
        网站广告
        在线研讨会
        活动策划
        新闻发布
        新品发布
        小测验
        设计大赛
        华秋
        关于我们
        投资关系
        新闻动态
        加入我们
        联系我们
        举报投诉
        社交网络
        微博
        移动端
        发烧友APP
        硬声APP
        WAP
        联系我们
        广告合作
        王婉珠：wangwanzhu@elecfans.com
        内容合作
        黄晶晶：huangjingjing@elecfans.com
        内容合作（海外）
        张迎辉：mikezhang@elecfans.com
        供应链服务 PCB/IC/PCBA
        江良华：lanhu@huaqiu.com
        投资合作
        曾海银：zenghaiyin@huaqiu.com
        社区合作
        刘勇：liuyong@huaqiu.com

        • 关注我们的微信

          关注我们的微信

        • 下载发烧友APP

          下载发烧友APP

        • 电子发烧友观察

          电子发烧友观察
        华秋发烧友
        电子工程师社区
        华秋电路
        1-32层PCB打样·中小批量
        华秋商城
        元器件现货·全球代购·SmartBOM
        华秋智造
        SMT贴片·PCBA加工
        NextPCB
        PCB Manufacturer

        版权所有 © 湖南华秋数字科技有限公司

        长沙市望城经济技术开发区航空路6号手机智能终端产业园2号厂房3层（0731-88081133）

        电子发烧友 （电路图） 湘公网安备43011202000918 工商网监认证工商网监 湘ICP备2023018690号-1