开发笔记 – 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 标签。