Bilibili 粉丝成就奖牌在线生成器 -API 使用文档

🌙
手机阅读
本文目录结构
a'xi'he

前言

做的这个 Bilibili 粉丝成就奖牌在线生成器 是一个娱乐的项目,可以显示 UP 主的信息。

如果你有多个显示器,把其中一个显示器做竖屏,然后显示粉丝数,也是不错的选择(浏览器打开后,记得 F11 全屏,全屏的体验更好)。

你需要输入你 B 站的用户 ID 就可以了;

粉丝会自动更新 (30 秒更新一次)

在线演示效果

特点

  • 自动获取 UP 主及粉丝信息
  • 粉丝自动更新 (30 秒更新一次)
  • 自定义显示昵称
  • 自定义显示粉丝数
  • 自定义粉丝奖牌的风格
  • 自带弹幕滚动效果(也可禁止)
  • 适应电脑,手机,pad 多端显示
  • 配置简单,容易上手

可选参数

字段必须默认说明
user_id59312814需要自动获取 UP 主信息的 id.
(会被 name参数 覆盖),默认显示朱安邦的 ID
name''指定显示的用户昵称
(指定此属性后,页面不再自动获取user_id对应昵称
fans''指定需要显示多少粉丝数
(指定此属性后,页面不再自动获取user_id对应粉丝
color''奖牌的十六进制值的颜色值,比如 #ffffff,则传ffffff。注意:不包含#;
(指定此属性后,页面不再基于粉丝数动态计算显示风格)
disabled''禁用弹幕滚蛋效果,默认是滚动,传任意值可禁用滚动的效果

以上参数,可以任意搭配使用!

说明

根据user_id自动获取

如果你是一位 B 站用户,你想要显示自己的风格。

那么直接传入user_id参数就可以了,会自动获取你的昵称和粉丝数,并展示对应粉丝奖牌的效果。

UP 主粉丝数效果演示 ID演示地址
0-10W灰色风格59312814https://www.axihe.com/demo/fans/index.html?user_id=59312814
10W-100W白色风格2https://www.axihe.com/demo/fans/index.html?user_id=2
100W-1000W金色风格9458053https://www.axihe.com/demo/fans/index.html?user_id=9458053
1000W 以上红色风格546195https://www.axihe.com/demo/fans/index.html?user_id=546195

指定显示的风格

如果你是一名粉丝比较少的 UP 主,但是也想要 100W-1000W 的显示效果,或者自定义的效果,那么就可以传入color这个参数

颜色值颜色值演示 ID
灰色效果8d9da7https://www.axihe.com/demo/fans/index.html?user_id=59312814&color=8d9da7
白色风格ffffffhttps://www.axihe.com/demo/fans/index.html?user_id=59312814&color=ffffff
金色风格ebce67https://www.axihe.com/demo/fans/index.html?user_id=59312814&color=ebce67
红色风格ff5757https://www.axihe.com/demo/fans/index.html?user_id=59312814&color=ff5757
绿色风格30ad23https://www.axihe.com/demo/fans/index.html?user_id=9458053&color=30ad23

Tips:颜色值可以在本站的 HTML颜色代码 中查看

更多好看的风格,等你探索!

TODO

  • 自定获取用户播放了最多的前三视频,然后从选取 N 条弹幕展示,并根据弹幕的字数,自动显示大或者小;

后续

如果你还有什么不错的点子或者想要什么效果,请告诉我,我来修改这个项目。

axihe
axihe

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

axihe