b站笔记

实现功能:1、当视频全屏时让笔记面板嵌入视频页面内,实现了视频观看与笔记记录的无缝切换,不需要退出全屏,即可进行笔记记录,当视频是非全屏时就恢复官方默认布局让笔记面板出现在视频页面外边,确保笔记与观影互不干扰。2、笔记内容滚动定位:在笔记面板增加顶部直达、底部跳转及滚动条功能,即便是长篇笔记也能快速滚动至所需位置。3、笔记面板隐藏:避免关闭笔记后再次打开时需要重新翻找笔记位置的麻烦,隐藏后只需要将鼠标移到视频页面右侧,笔记面板便会自动显示,且笔记内容仍保持在隐藏前的位置。4、笔记截图弹出放大与面板宽度调整:点击笔记中的截图可以让图片弹出,以便更清晰地查看截图内容,另外也可以直接拖动宽度控制条来调整面板宽度,笔记里截图也会同步放大。5、笔记面板透明度调节。6、插入视频标题到笔记。7、截屏带时间标记:在插入视频截图的同时,自动添加时间标记。8、笔记列表快捷访问:在网页头部点击这个我的笔记按钮,会弹出一个面板显示笔记列表,在里面可以查看所有视频的笔记,再点击这个按钮可以关掉这个面板。9、将笔记以pdf导出到本地。10、鼠标右键快捷打开笔记

目前为 2024-09-18 提交的版本。查看 最新版本

作者
繁星1678
评分
0 0 0
版本
2.1.0
创建于
2023-10-26
更新于
2024-09-18
大小
108.4 KB
许可证
MIT
适用于

如果使用有bug或建议也可以在b站私信我:https://space.bilibili.com/1352438205
脚本实现功能:
1、全屏笔记融合:当视频全屏时让笔记面板嵌入视频页面内,实现了视频观看与笔记记录的无缝切换,不需要退出全屏,即可进行笔记记录,当视频是非全屏时就恢复官方默认布局让笔记面板出现在视频页面外边,确保笔记与观影互不干扰。

2、笔记内容滚动定位:在笔记面板增加顶部直达、底部跳转及滚动条功能,有时笔记内容太多,有些浏览器又不会显示滚动条的,要记笔记时得用鼠标滚轮慢慢将笔记内容滚动到底部进行记录,这样很麻烦,有了这个功能后即便是长篇笔记也能快速滚动至所需位置。

3、笔记面板隐藏:点击按钮或者鼠标在笔记面板空白处左键双击即可隐藏笔记面板,避免关闭笔记后再次打开时需要重新翻找笔记位置的麻烦,当需要再次显示笔记面板时,只需要将鼠标移到视频页面右侧,笔记面板便会自动显示,且笔记内容仍保持在隐藏前的位置。

4、笔记截图弹出放大与面板宽度调整:笔记内容中截图不太好看清,就可以点击图片,让图片弹出,以便更清晰地查看截图内容,另外也可以直接拖动宽度控制条来调整面板宽度,笔记里面所有截图也会同步放大,非常方便查看。

5、透明度调节:有时候我们记笔记的同时也可能希望可以看到字幕、弹幕、或者视频画面,就可以将透明度调高进行查看。

6、插入视频标题:当观看分P视频时,可能会需要知道哪些笔记内容对应的是哪个视频以方便后续如果对笔记内容有疑惑时再找到那个视频查阅,就需要将视频标题复制到笔记内容上边,手动复制视频标题太麻烦,点击插入视频标题,标题就会复制到笔记面板中鼠标光标所在位置。

7、截屏带时间标记:在插入视频截图的同时,自动添加时间标记,时间标记会出现在视频截屏的上边,以便回顾。

8、笔记列表快捷访问:在网页头部点击这个我的笔记按钮,会弹出一个面板显示笔记列表,在里面可以查看所有视频的笔记,再点击这个按钮可以关掉这个面板。

9、将笔记以pdf导出到本地:便于离线查看与分享,点击另存为pdf按钮,等到出现一个打印面板,打印机这里选择另存为pdf,如果需要保持笔记内容中的文字颜色、文本背景,下面更多设置里还需勾选上背景图形,然后再点击保存即可。

10、鼠标右键快捷打开笔记:当查看视频下边的评论需要记录笔记时,不用将页面滚动到上面去点击记笔记的按钮,可以直接右键单击会弹出打开笔记按钮点击即可打开笔记面板进行笔记记录。