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

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

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

  • 思源笔记

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

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

    22337 引用 • 89378 回帖
  • 油猴
    7 引用 • 34 回帖
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

  • NieJianYing

    每次要新开一个页面,有办法解决吗?分屏使用

    扩展虽然可以,但总是关闭当前又开启另一个页面:Prevent Duplicate Tabs

    1 回复
  • openAI 1

    你换个解决方案吧,可以看看下面这个视频:

    【思源笔记 + 时间戳软件-哔哩哔哩】 https://b23.tv/iHqwCHE

请输入回帖内容 ...

推荐标签 标签

  • JavaScript

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

    729 引用 • 1327 回帖
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 5 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    69 引用 • 372 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖 • 2 关注
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 588 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • Android

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

    334 引用 • 323 回帖 • 1 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 63 关注
  • danl
    132 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 6 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 587 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 550 回帖
  • SOHO

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

    7 引用 • 55 回帖 • 19 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 431 关注
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 167 关注
  • Vue.js

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

    266 引用 • 665 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖
  • 工具

    子曰:“工欲善其事,必先利其器。”

    286 引用 • 729 回帖
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    222 引用 • 473 回帖 • 1 关注
  • 导航

    各种网址链接、内容导航。

    40 引用 • 173 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    53 引用 • 37 回帖
  • V2Ray
    1 引用 • 15 回帖 • 1 关注
  • Laravel

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

    20 引用 • 23 回帖 • 721 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖 • 2 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注