【分享】本地视频时间戳,基于 http+ 油猴,无需 quicker

本贴最后更新于 258 天前,其中的信息可能已经东海扬尘

在思源笔记中可以借助 everthing 的 http 服务来插入(电脑)本地视频文件的链接,点击该链接即可在浏览器中播放该视频(注:本文只测试过 mp4 视频)。需提前开启 everthing 的 http 服务,默认端口是 80。

我们在视频文件链接的末尾加上后缀,形如 ?t=30,表示跳转到视频的 30 秒。此时,跳转功能还未生效,因为这是我们自己定义的 url 参数,所以还需要借助油猴脚本。

可以直接在 https://greasyfork.org/zh-CN/scripts/479104-everything 视频时间戳 安装我编写好的油猴脚本。也可以自己根据下面的源代码新建:

// ==UserScript==
// @name         Everything视频时间戳
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  需开启everthing的http服务,默认端口80。在视频链接后面加上后缀 ?t=30 ,那么进入视频链接就会自动跳转到30秒。
// @author       openAI
// @match        http://localhost/*
// @match        http://127.0.0.1/*
// @icon         https://www.voidtools.com/e2.png
// @license      MIT
// @grant        none
// ==/UserScript==
 
(function() {
    'use strict';
 
    //获取url参数
    const paramsStr = window.location.search
    const params = new URLSearchParams(paramsStr)
    const seconds = parseInt(params.get('t'))
 
    //进度条跳转
    let myVideo = document.getElementsByTagName("video")[0]
    myVideo.currentTime = seconds;
})();

本方案无需 quicker 和 potplayer,理论上适用于 mac 和 linux 平台,只需把 everything 换成其它 http 文件共享服务即可。本方案不仅仅是全平台通用,而且兼容各种笔记软件,包括但不限于 siyuan、obsidian、notion、onenote、logseq、remnote 等等。

以下为演示视频:

https://www.bilibili.com/video/BV1L84y1Q7Nq/

https://www.bilibili.com/video/BV1L84y1Q7Nq/

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    20153 引用 • 77704 回帖 • 2 关注
  • 油猴
    6 引用 • 28 回帖
5 操作
openAI 在 2023-11-07 02:38:17 更新了该帖
openAI 在 2023-11-06 13:48:32 更新了该帖
openAI 在 2023-11-06 13:04:57 更新了该帖
openAI 在 2023-11-06 01:18:48 更新了该帖 openAI 在 2023-11-06 01:03:43 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 本方案无需 quicker,无需 potplayer。

  • 理论上 everthing 不是必要的,可替换为任何一个 http 文件共享服务。不过我没试过。

  • mac 和 linux 系统虽然没有 everything,但是可以替换为其它 http 文件共享服务,因此本方案也适用于 mac 和 linux 系统

  • 本方案不仅仅是全平台通用,而且兼容各种笔记软件,包括但不限于 siyuan、obsidian、notion、onenote、logseq、remnote 等等。

  • 有没有完整一遍的演示看下?

    等我空了录一个
    openAI
    视频录了,见正文
    openAI
  • zuoez02 2 评论

    只要是 video 标签可以直接作为 source 的 web 源都可以这么干吧,主意不错。做个插件?

    1 回复
    1 操作
    zuoez02 在 2023-11-06 14:21:08 更新了该回帖
    是的,video 标签
    openAI
    也许 NAS 上的视频也能这样跳转,只要是 NAS 上有 http 服务就行。
    openAI
  • 插件的话,我不是很懂技术,后面有空再看吧。或者交给能力更强的人来做。

  • 本方案可能也有不足之处,那就是支持的视频格式没有专业的视频播放器(比如 potplayer)多,改进的方法就是去寻找一款基于 web 的视频播放服务器程序,然后再研究如何实现时间跳转。不过我还没有找到这样的 web 程序,所以现阶段,对于其它格式的视频如果不支持浏览器播放的话,把它转成 mp4 就好了。

  • everything 的 http 服务很方便,但有个问题是局域网内别的电脑也能通过浏览器访问你的文件,有泄漏隐私的风险。只需在防火墙内设置一条入站规则即可。

    从 win10 系统的“设置”中,找到“网络和 Internet” -> "Windows 防火墙“ -> "高级设置”(会弹警告,选是) -> 点“入站规则”,“添加规则”。

    按下面截图这样设置,其它设置项不要改。“阻止连接”、“TCP 协议”、“本地端口 80”

    image.png

    image.png

  • openAI 2 评论

    更正:python 这个服务不行,个别长一点的视频,进度条根本拖不动


    https://www.bilibili.com/video/BV1TE411C7bT

    https://www.bilibili.com/video/BV1TE411C7bT

    刚刚看到一个更方便的 http 服务,python 自带,这下真的是全平台实锤了。

    启动服务:

    • python 3
    python -m http.server 端口号
    
    • python 2
    python -m SimpleHTTPServer 端口号
    
    3 操作
    openAI 在 2023-11-07 00:58:23 更新了该回帖
    openAI 在 2023-11-07 00:55:13 更新了该回帖
    openAI 在 2023-11-06 19:57:37 更新了该回帖
    好久没用过 python,这些技术差点都忘了
    openAI
    python 这个不行,个别视频进度条根本拖不动,不知道为什么
    openAI
  • 然后我又试着用 nginx 搭了个含 video 标签的静态网站,也是可以的(当然视频文件最好放在 index.html 同目录下,方便访问),没有出现 python 自带服务那样进度条拖不动的 bug,证明全平台支持完全可行。不过比起 everything 的自带服务有个缺点,那就是没法不静音自动播放,这是 chrome 浏览器的限制,但不知道为什么 everything 就可以有声自动播放,很神奇。总之,用 everything 服务是最方便的,开箱即用。至于 mac 和 linux 用户,留给你们自己折腾吧。

  • 有 B 站网友说 Alist 也可以浏览器播放,至于能不能跳转,我没用过,还不知道。你们在用的也可以试试。

  • https://al.nn.ci/video.mp4 测试了一下,Alist 也是可以的。不过 不能 不静音自动播放,另外脚本要稍微改一改。

  • 最新脚本已支持 everything 和 alist。需要自取:
    https://greasyfork.org/zh-CN/scripts/479104

请输入回帖内容 ...

推荐标签 标签

  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 94 关注
  • 倾城之链
    23 引用 • 66 回帖 • 120 关注
  • 996
    13 引用 • 200 回帖 • 6 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • 博客

    记录并分享人生的经历。

    272 引用 • 2386 回帖
  • CodeMirror
    1 引用 • 2 回帖 • 125 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    71 引用 • 1737 回帖 • 1 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 51 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    21 引用 • 58 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 65 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    713 引用 • 1174 回帖 • 104 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 680 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 19 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    324 引用 • 1395 回帖
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • 黑曜石

    黑曜石是一款强大的知识库工具,支持本地 Markdown 文件编辑,支持双向链接和关系图。

    A second brain, for you, forever.

    10 引用 • 88 回帖
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 5 关注
  • abitmean

    有点意思就行了

    38 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    5 引用 • 62 回帖
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    311 引用 • 546 回帖 • 1 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 1 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 600 关注
  • 学习

    “梦想从学习开始,事业从实践起步” —— 习近平

    163 引用 • 473 回帖
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 429 关注
  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    165 引用 • 407 回帖 • 510 关注