开发笔记 – Bilibili 嵌入视频生成器

在之前的网页上线之后,我就在考虑,这个小程序还有什么发展空间吗?

BiliVideoResolver改版之前

BiliVideoResolver改版之前

这个界面……虽然是Boostrap的界面,但是整体还是比较难看。包括自适应的视觉问题等等。所以,改版的方向如下:

  • 自适应优化
  • 版面设计优化(右边的简介)

所以……

BiliVideoResolver改版之后

BiliVideoResolver改版之后

BiliVideoResolver改版之后-手机

BiliVideoResolver改版之后-手机

就变成了这个样子。整体设计不大改,主要是调整页面元素自适应。在自适应的同时,也加入很多和蔼的动画来改善体验。  其次就是操作提示的优化,比如输错地址的提示:BVRErrorTip,更改正确之后,则会变成:BVRSuccTip。这些功能不必须,但是对操作体验还是有一定的优化的。其他的,就是细微的文案调整,还有一些DOM优化,包括把css样式和js都单独分离,然后压缩css和js来优化加载速度。在解析API上,也采用了cdn版本(现在cdn版本api出现了点点问题,暂时不完全使用cdn)。剩下的,就是完善一下,我原来写的垃圾代码了,当时jQuery很久没写再加上赶时间,就乱写一气23333


ヾ(゜0゜*)ノアレアレー?为什么有条分界线?

重大更新:支持番剧解析辣!♪( *゜▽゜)o(

首先打开B站,寻找番剧,并点进番剧页面~

B站番剧页面

B站番剧页面

复制网址然后粘贴进去

bangumiparse1

点击“生成”按钮,选择对应集数

bangumiparse2

然后就,Duang~

bangumiparse3

预览这段视频(原视频:Re:从零开始的异世界生活 : 第1集 初始的终结与结束的开始):

注意:本工具目前已经失效。
链接于右上角“工具”。

分享到

KAAAsS

喜欢二次元的程序员,喜欢发发教程,或者偶尔开坑。(←然而并不打算填)

相关日志

  1. 没有图片
  2. 没有图片
  3. 没有图片
  4. 没有图片
  5. 没有图片

评论

  1. Sonic853 2016.06.07 11:34下午

    瞧瞧(嘿嘿

  2. charTen 2016.06.08 3:55下午

    666

  3. 冰啊冰淇淋 2016.07.08 2:59下午

    为了隐藏内容

  4. ⑨BIE 2016.08.01 6:59下午

    qwq,会前端的真好
    不过博主是如何生成外链的说?
    通过playurl?这个api查真是源然后套到自己的html标签里的吗?
    貌似playurl这个api用不了的了说_(:3」∠)_

  5. 冰啊冰淇淋 2016.08.04 5:17下午

    大神你到底是做android的还是java??我是冲着android来的,群里为啥都没人讨论android呢

    • KAAAsS 2016.08.04 5:25下午

      BCPU是编程类兴趣圈联盟,不是我的个人群。

      • 冰啊冰淇淋 2016.08.04 5:38下午

        回的挺快嘛

  6. JackWu 2017.04.18 9:13上午

    最近有在尝试视频播放的多端统一

  7. AUK CL 2018.06.27 2:02上午

    还行

  8. 囶字 2018.07.16 12:24上午

    看上去很厉害

    • KAAAsS 2018.07.20 8:28上午

      然而现在要求Referer头

  9. 晴天喵 2018.07.26 9:42上午

    现在不能用了么?

    • KAAAsS 2018.07.26 10:34上午

      是的。首先是番剧解析由于服务器在海外于是就坏掉了。而且B站现在要求请求视频时带上Referer头,所以只能获取到链接但并不能播放。

  10. 匿名 2018.08.08 9:20下午

    000

  11. Yueer 2018.09.02 6:26上午

    嘿嘿嘿

    • feltime 2019.03.01 6:25下午

      正在找怎么插入视频连接

  12. Su 2018.09.19 7:43下午

    看看、、、、

  13. 某亚瑟 2018.12.04 7:00下午

    解燃眉之急了

  14. Clarence Lee 2018.12.20 1:10下午

    正愁怎么插入视频

  15. hanlin wu 2018.12.25 3:52下午

    为了隐藏

  16. xm m 2019.01.12 6:33上午

    支持一下

  17. 东子 2019.02.15 2:06上午

    测试看看…

  18. sliccc 2019.03.28 4:41下午

    666666666666666666666

  19. 樱小路露娜 2019.03.28 6:12下午

    测试.jpg

  20. test 2019.05.11 10:31下午

    做得不错

在此评论中不能使用 HTML 标签。