阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

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

    前言

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

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

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

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

    在线演示效果

    特点

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

    可选参数

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

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

    说明

    根据user_id自动获取

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

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

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

    指定显示的风格

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

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

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

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

    TODO

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

    后续

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

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录