視頻筆記功能擴(kuò)展
目前,視頻筆記可以方便大家在看視頻的時(shí)候記錄關(guān)鍵信息,對(duì)于知識(shí)區(qū)的視頻來說尤其重要。
然而,現(xiàn)在的筆記功能還比較孱弱,包括無法設(shè)置對(duì)齊方式、無法插入鏈接等。
事實(shí)上,Bilibili的筆記功能是基于Quill (https://quilljs.com/) 實(shí)現(xiàn)的,上述功能在Quill中均有對(duì)應(yīng)的實(shí)現(xiàn),只是在工具欄中沒有對(duì)應(yīng)的入口。
為此,我制作了一個(gè)插件,將被屏蔽的Quill功能重新添加進(jìn)入了筆記界面。通過此插件,可以實(shí)現(xiàn)更加豐富的筆記效果。

安裝:
首先,需要為瀏覽器安裝油猴腳本插件,可參考 https://www.bilibili.com/video/BV1zL4y1a7Zq
接下來,在油猴中安裝這個(gè)腳本(Bilibili 筆記功能擴(kuò)展)?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

使用:
安裝好后,可以在筆記工具欄中看到幾個(gè)新的圖標(biāo)

①:調(diào)整文本對(duì)齊方式(左對(duì)齊/居中/右對(duì)齊/兩端對(duì)齊)
注意對(duì)于插入的圖片或視頻也可以使用這種方式居中
②:插入鏈接
選中一段文本后,點(diǎn)擊這個(gè)按鈕,在彈出窗口中輸入超鏈接即可
③:插入視頻
點(diǎn)擊這個(gè)按鈕,在彈出窗口中輸入視頻嵌入地址即可
嵌入地址可在其他視頻的分享菜單中找到,一般為
//player.bilibili.com/player.html?bvid=BV1uT4y1P7CX
注意:沒有http或https前綴,否則頁面無法正常渲染顯示;
如果這里使用了傳統(tǒng)的
https://www.bilibili.com/video/BV1uT4y1P7CX
格式,打開筆記后會(huì)直接跳轉(zhuǎn)至新的頁面,甚至插入完成后就會(huì)發(fā)生跳轉(zhuǎn)
(當(dāng)然,也可以用這個(gè)特性來Rickrolling/詐騙,具體可以自己研究)
④:標(biāo)記為代碼
點(diǎn)擊此按鈕后,當(dāng)前選中行會(huì)變成黑底白字的代碼樣式,并應(yīng)用等寬字體

以上功能均基于合法的Quill特性實(shí)現(xiàn),可以通過審核并發(fā)布,參考下面的例子


擴(kuò)展:
針對(duì)打軸的需求,可以通過下面的工具快速從文本生成時(shí)間膠囊

兩個(gè)插件可兼容運(yùn)行