类似于 OB 的 media extend 功能,主要功能诉求是:
- 跨平台,可以支持 windows 和 linux
- 视频源支持 B 站即可,如能更多更好
- 视频框和笔记框能并排显示,支持时间戳、截图,便于边看边记
类似于 OB 的 media extend 功能,主要功能诉求是:
最近研究了下,还是用脚本间接实现,不限 OS、不限浏览器
缺点也有:
你这个需求说得比较模糊,按你后面的回帖来看,你想要支持多个视频播放平台的链接跳转功能,比如 B 站。
那么在开发功能的时候,就需要考虑不同场景下的适配。
简单划分有浏览器网页播放、思源内部播放本地视频、思源内部播放在线视频、本地视频平台的 app 里播放。
这些不同的场景,开发所需要花费的功夫也不一样。
在思源笔记内部播放插入的视频,我写了 videos 插件。支持文档内悬浮、快速创建时间戳链接、快速创建时间戳链接(MD 格式)
下面两张图就是钉住以后的效果,可以看到 1 被盖住了。
如果是 B 站这样的视频平台的视频,在视频上右键复制当前时间链接,然后利用 quicker 脚本等工具也可以快速插入记录。比如我自己写了个 alfred 的 workflow,用来记录的时候,带上剪贴板里的视频链接。
写一个浏览器插件就可以了,借用 edge 自带的分屏功能,左边视频右边思源,做笔记的时候直接取当前 tab 页面的 video 对象 currentTime 然后调用思源的接口写入 block,点击时间戳绑定一个点击事件让当前 tab 里的 video 对象自动跳转到指定时间,而且这个支持多视频跳转,点击时间戳判断时间戳的原始链接和左侧的 tab 链接是不是同一个视频页,如果是直接跳转时间戳,如果不是先跳转新视频页再跳时间戳,这种方案只要页面能获取 video 对象的都能支持,包括 youtube 和百度云那些
他这个相当于是给本地的视频搭了个 web 服务然后可以通过浏览器打开,脚本是拦截 url 的 t 传参然后实现自动跳转,不过如果只是本地视频这么搞有点麻烦,直接把视频扔到思源里,写个插件读取当前页的 video 也能控制实现跳转,如果是因为视频多或者视频大,那还不如把视频放到网盘里,用我说的这种方法统一管理在线和离线视频,反正我上面说的这个策略我试了下基本上只要浏览器能播放的他就能正常的做笔记,只不过有些网站 video 对象的结构不一样,有些可能包在 iframe 里又或者是有多个 video,所以这里需要根据不同网站做一些适配,其他没什么问题,至于你说的在 everything 里点视频不能播放不知道什么意思,正常不应该在思源里面点时间戳跳转吗?像这种地址 http://127.0.0.1:6806/assets/01-20170326-20240809004655-u924dbe.mp4,浏览器访问是没问题的,可以正常播放,除非是你的视频格式比较另类浏览器不能播放才转下载
之前是写了个简单的 demo 用分屏实现,现在打算优化下直接在思源里面跳转播放,不过还是要在思源的 web 端才能正常使用,因为我这个是用浏览器插件实现的,到时候直接在 B 站提供【选集/合集】一键入库的按钮,按照下面这个模版自动生成文档,我个人感觉是基本够用了,目前插件还有些小功能在优化,里面还有很多之前爬虫的逻辑,等后面整理的差不多再发出来
WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。
WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。
有什么新发现就分享给大家吧!
前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。
jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。
SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。
Open Source, Open Mind, Open Sight, Open Future!
你若安好,便是晴天。
昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。
Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。
uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。
Mobi.css is a lightweight, flexible CSS framework that focus on mobile.
Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。
微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。
Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。
阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。
PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。
OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。
Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。
互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。
LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于