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

在思源笔记中可以借助 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/

  • 思源笔记

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

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

    18722 引用 • 69931 回帖
  • 油猴
    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

请输入回帖内容 ...

推荐标签 标签

  • SOHO

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

    7 引用 • 55 回帖 • 92 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 625 关注
  • Kafka

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

    35 引用 • 35 回帖
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    76 引用 • 421 回帖
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 642 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 624 关注
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    85 引用 • 1201 回帖 • 449 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    40 引用 • 24 回帖
  • 学习

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

    161 引用 • 473 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 3 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成,还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    85 引用 • 895 回帖 • 1 关注
  • Firefox

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

    7 引用 • 30 回帖 • 452 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 4 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    82 引用 • 122 回帖 • 620 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 686 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 48 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • Bootstrap

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

    18 引用 • 33 回帖 • 684 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖
  • Openfire

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

    6 引用 • 7 回帖 • 89 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 592 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    261 引用 • 662 回帖
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 626 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • CodeMirror
    1 引用 • 2 回帖 • 121 关注