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

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

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

  • 思源笔记

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

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

    23007 引用 • 92541 回帖
  • 油猴
    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

请输入回帖内容 ...

推荐标签 标签

  • Tomcat

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

    162 引用 • 529 回帖 • 4 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 632 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1435 引用 • 10056 回帖 • 489 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 780 关注
  • wolai

    我来 wolai:不仅仅是未来的云端笔记!

    2 引用 • 14 回帖
  • CSDN

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

    14 引用 • 155 回帖
  • CSS

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

    196 引用 • 540 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    545 引用 • 672 回帖
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • 倾城之链
    23 引用 • 66 回帖 • 138 关注
  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 7 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖 • 1 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 158 关注
  • Sublime

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

    10 引用 • 5 回帖
  • Ant-Design

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

    17 引用 • 23 回帖 • 4 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖
  • CloudFoundry

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

    5 引用 • 18 回帖 • 172 关注
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • 音乐

    你听到信仰的声音了么?

    61 引用 • 511 回帖 • 1 关注
  • jsDelivr

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

    5 引用 • 31 回帖 • 72 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 2 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 221 关注
  • ZeroNet

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

    1 引用 • 21 回帖 • 632 关注
  • 支付宝

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

    29 引用 • 347 回帖 • 5 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖 • 5 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    126 引用 • 169 回帖
  • 学习

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

    171 引用 • 512 回帖