b站笔记

实现功能:1、当视频全屏时让笔记面板嵌入视频页面内,不需要退出全屏,即可进行笔记记录,当视频是非全屏时让笔记面板出现在视频页面外边。2、笔记内容滚动定位:在笔记面板增加顶部直达、底部跳转及滚动条功能。3、笔记面板隐藏,隐藏后只需要将鼠标移到视频页面右侧,笔记面板便会自动显示。4、笔记截图弹出放大与面板宽度调整。5、笔记面板透明度调节。6、插入视频标题到笔记。7、截屏带时间标记。8、笔记列表快捷访问:在网页头部点击我的笔记按钮,会弹出一个面板可查看所有视频的笔记,再按钮可以关掉面板。9、将笔记以pdf导出到本地。10、电脑ctrl键快捷打开、隐藏、显示笔记面板,实现一步到位进入编辑状态。11、打开笔记后自动滚动到上次编辑位置并获取光标焦点。12、其他快捷键操作包括:调节透明度、插入当前字幕、插入当前视频标题、插入当前时间标记与视频截图、视频全屏界面调整笔记面板的位置、让笔记编辑区获取光标焦点。13、点击弹幕的复制按钮,将对应弹幕自动粘贴到笔记中。

这些是代码更新过的版本。 显示所有版本

  • v3.0.2 2024-10-26

    1.取消隐藏笔记按钮
    2.新增停用/启用快捷键的按钮
    3.修复新版标题插入错误
    4.修复新版插入弹幕/字幕的视频序号标注
    5.修复在视频全屏状态视频播放结束后,自动播放下一个视频后按ctrl笔记出现在视频页面外边的问题

  • v3.0.1 2024-10-13

    1.隐藏笔记后,再次显示笔记时让笔记透明度保持不变 2.修复当笔记面板隐藏后按ctrl键显示笔记时,笔记编辑区无法自动获取到光标焦点的问题 3.修复插入字幕或弹幕会自动选择插入内容的问题 4.分p视频播放另外一个视频时,自动将笔记面板高宽和位置调整为默认状态 5.修复快捷键插入图片后,无法点击图片弹出问题

  • v3.0.0 2024-10-06

    1.新增键盘ctrl键快捷打开笔记、隐藏笔记、显示笔记
    2.新增打开笔记自动滚动到上次编辑位置并获取焦点
    3.新增其他键盘快捷键操作:alt+数字键调整笔记面板的透明度;ctrl+向上键插入当前字幕到笔记;未选中文字或图片状态下ctrl+x键插入时间标记与对应视频截图到笔记,未选中文字或图片状态下ctrl+c键插入加粗的视频标题到笔记;alt键(或鼠标移入笔记面板)让笔记面板重新获取光标焦点;在视频全屏状态下:ctrl+向左键将笔记面板移到最左边,ctrl+向右键将笔记面板移到最右边;ctrl+向下键将笔记面板移到默认位置
    4.新增另存为pdf时图片加载进度的提示
    5.新增点击弹幕的复制按钮自动将弹幕粘贴到笔记
    6.优化pdf排版,将pdf中的截图的宽度调整为视口宽度
    7.修复了一些bug
    8.删除鼠标右键快捷打开笔记功能

  • v2.1.0 2024-09-18

    1.添加鼠标右键快捷打开笔记
    2.优化pdf排版
    3.将鼠标右键单击隐藏笔记面板修改为鼠标左键双击隐藏笔记面板

  • v2.0.0 2024-09-15

    1.新增将笔记以pdf格式保存到本地
    2.优化代码执行逻辑,提升笔记操作流畅性
    3.不再为Edge浏览器中的笔记面板添加滚动条,可以使用Edge浏览器原生滚动条,打开浏览器设置,搜索“滚动条”,关闭自定义滚动条

  • v1.3.1 2024-08-24

    移除错误代码

  • v1.3.0 2024-08-21
  • v1.2.1 2024-08-10

    笔记内容的图片弹出优化

  • v1.2 2024-08-10

    新增:
    1.笔记面板宽度调节
    2.笔记面板透明度调节
    3.插入视频标题(插入按钮在插入时间标记按钮的右边)
    4.隐藏笔记,点击隐藏按钮或在没有选中文字或图片情况下鼠标右击可隐藏笔记面板,隐藏后鼠标移到视频最右边可以重新显示
    5.为不能在笔记上显示滚动条的浏览器增加滚动条
    6.插入视频截屏的同时插入时间标志
    7.自己的笔记内容中的图片点击后可弹出,在弹出后的图片双击可关闭

    优化:
    1.改善笔记面板显示,在视频播放全屏或网页全屏状态时,点击记笔记按钮笔记面板会出现在视频页面中,否则点击记笔记按钮笔记面板会出现在视频页外面
    2.修复视频页面加载后记笔记按钮偶尔无法显示的bug,加载更顺畅

  • v1.1 2023-10-26
  • v1.0 2023-10-26