IT之家 3 月 2 日消息,B站团队现已面向 Windows 11 和 Windows 10 用户发布了哔哩哔哩动画 UWP 正式版 v2.14.73.0 更新。
微软应用商店显示,最新发布的哔哩哔哩动画 UWP 正式版 v2.14.73.0 与 v2.14.72.0 更新内容基本一致,包括播放页全新改版、支持一键三连、支持进度手势、改进键盘调节音量、修复播放缓存视频进入新版播放页、恢复视频信息页播放按钮等。
哔哩哔哩弹幕网(B站)是国内知名的弹幕视频分享网站。从 2016 年开始,《哔哩哔哩动画》Windows 10 UWP 客户端上线微软应用商店,最初由暗影吉他手开发。
IT之家了解到,从 2021 年开始,哔哩哔哩动画 UWP 官方客户端被B站官方收编,并且进行开发更新。
根据此前信息,哔哩哔哩动画 Win11/10 UWP 版将逐步支持以下功能:
支持 置顶窗口播放
支持 直播
支持 离线视频
支持 无缝切换清晰度
支持 弹幕高级功能,如弹幕点赞
支持 投币,点赞,收藏
支持 播放页内个人空间页面板
支持 App 内视频付费
支持 互动视频
支持 全景视频
支持 HEVC
支持 杜比视界,杜比音效
支持 HDR
支持 Xbox 4K
支持 ARM64
来源 |
掘金 作者 |
那天在 B 站看视频的时候,偶然发现当字幕遇到人物的时候就被裁切了,不会挡住人物,觉得很神奇,于是决定一探究竟。
高端的效果,往往只需要采用最朴素的实现方式,忙碌了两个小时,陈师傅打开了 F12,豁然开朗。一张图片 + 一个属性,直接搞定。
为了印证我的想法,我决定自己写一个 demo。
< htmllang= "en">
< head>
< metacharset= "UTF-8">
< title> Title
< style>
.video{
width: 668px;
height: 376px;
position: relative;
-webkit-mask-image: url( "");
-webkit-mask-size: 668px376px;
}
.bullet{
position: absolute;
font-size: 20px;
}
< body>
< divclass= "video">
< divclass= "bullet"style= "left: 100px; top: 0;"> 元芳,你怎么看
< divclass= "bullet"style= "left: 200px; top: 20px;"> 你难道就是传说中的奶灵
< divclass= "bullet"style= "left: 300px; top: 40px;"> 你好,我是胖灵
< divclass= "bullet"style= "left: 400px; top: 60px;"> 这是第一集,还没有舔灵
复制代码
效果是这样的:
加一个红背景,看得更清楚一些:
至此,我们就实现了 B 站同款的不遮挡人物的弹幕。
最后,来看看这个神奇的 css 属性 mask-image 吧 :/zh-CN/docs/Web/CSS/mask-image。
这是一个实验中的功能,此功能某些浏览器尚在开发中,在不同的浏览器中适合使用的前缀也不一样。
在开发需求的时候可以把它当成一个亮点使用,但是不能强依赖于这个属性做需求。
这里还有一系列的属性,有兴趣的话可以挨个试一下。
最后给大家谋一些福利,包邮送书6本,都是不错的好书,尤其是"流畅的Python"豆瓣9.4分,有兴趣的同学可以来试一下手气。
包邮送出6本,需要的同学可以在 下面的公众号"Python编程爱好者" ,后台 输入:6本书,即可参与。
入门: 最全的零基础学Python的问题 | 零基础学了8个月的Python |实战项目 | 学Python就是这条捷径
干货:爬取豆瓣短评,电影《后来的我们》 | 38年NBA最佳球员分析 |从万众期待到口碑扑街!唐探3令人失望 | 笑看新倚天屠龙记 | 灯谜答题王 | 用Python做个海量小姐姐素描图 | 碟中谍这么火,我用机器学习做个迷你推荐系统电影
趣味:弹球游戏 | 九宫格 | 漂亮的花 | 两百行Python《天天酷跑》游戏!
AI:会做诗的机器人 | 给图片上色 | 预测收入 | 碟中谍这么火,我用机器学习做个迷你推荐系统电影
小工具: Pdf转Word,轻松搞定表格和水印! | 一键把html网页保存为pdf! |再见PDF提取收费! | 用90行代码打造最强PDF转换器,word、PPT、excel、markdown、html一键转换 | 制作一款钉钉低价机票提示器! |60行代码做了一个语音壁纸切换器天天看小姐姐! |
上一篇:性感足球宝贝,