开发笔记 – 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. damon 2019.06.05 11:11下午

    厉害了,观摩大神。

  2. 131462 2019.07.05 1:43下午

    6

  3. MRT 2019.07.07 8:34上午

    look··

  4. 山东高速 2019.07.07 8:34上午

    想看完剩下的内容

  5. tt 2019.07.07 10:43下午

    不错

    • dd 2019.07.16 3:31下午

      开发需要

    • Wang Zhongwei 2019.07.20 6:36下午

      niuniu

  6. zzh 2019.07.17 7:29下午

    做得不错

  7. 蓝胖子 2019.07.31 12:41下午

    啊哈

  8. sameen 2019.08.06 5:52下午

    正好需要这个

  9. 666 2019.08.12 12:02下午

    666

  10. 不一样 2019.11.24 9:06下午

    哈哈哈,不错啊

  11. 李知桐 2020.08.15 8:05下午

    真不戳

  12. mymethodsina 2021.06.10 3:07下午

    真不错啊

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