欢迎光临散文网 会员登陆 & 注册

视频笔记功能扩展

2022-02-20 16:09 作者:㐃1414213562373㐃  | 我要投稿

目前,视频笔记可以方便大家在看视频的时候记录关键信息,对于知识区的视频来说尤其重要。

然而,现在的笔记功能还比较孱弱,包括无法设置对齐方式、无法插入链接等。

事实上,Bilibili的笔记功能是基于Quill (https://quilljs.com/) 实现的,上述功能在Quill中均有对应的实现,只是在工具栏中没有对应的入口。

为此,我制作了一个插件,将被屏蔽的Quill功能重新添加进入了笔记界面。通过此插件,可以实现更加丰富的笔记效果。

安装:

首先,需要为浏览器安装油猴脚本插件,可参考 https://www.bilibili.com/video/BV1zL4y1a7Zq

接下来,在油猴中安装这个脚本(Bilibili 笔记功能扩展) https://greasyfork.org/zh-CN/scripts/440331-bilibili-%E7%AC%94%E8%AE%B0%E5%8A%9F%E8%83%BD%E6%89%A9%E5%B1%95

使用:

安装好后,可以在笔记工具栏中看到几个新的图标

①:调整文本对齐方式(左对齐/居中/右对齐/两端对齐)
注意对于插入的图片或视频也可以使用这种方式居中

②:插入链接
选中一段文本后,点击这个按钮,在弹出窗口中输入超链接即可

③:插入视频
点击这个按钮,在弹出窗口中输入视频嵌入地址即可
嵌入地址可在其他视频的分享菜单中找到,一般为
//player.bilibili.com/player.html?bvid=BV1uT4y1P7CX

注意:没有http或https前缀,否则页面无法正常渲染显示;
如果这里使用了传统的
https://www.bilibili.com/video/BV1uT4y1P7CX
格式,打开笔记后会直接跳转至新的页面,甚至插入完成后就会发生跳转
(当然,也可以用这个特性来Rickrolling/诈骗,具体可以自己研究)

④:标记为代码
点击此按钮后,当前选中行会变成黑底白字的代码样式,并应用等宽字体

以上功能均基于合法的Quill特性实现,可以通过审核并发布,参考下面的例子

扩展:

针对打轴的需求,可以通过下面的工具快速从文本生成时间胶囊

两个插件可兼容运行

视频笔记功能扩展的评论 (共 条)

分享到微博请遵守国家法律