This plugin can generate timestamps for video, audio and Bilibili video, it takes you to the corresponding video/audio position when clicked.

Last update: Jan 3, 2023

Overview

logseq-plugin-media-ts

本插件能够生成视频、音频以及 B 站视频的时间戳，点击时间戳后会跳转到对应的音视频位置。

This plugin can generate timestamps for video, audio and Bilibili video, it takes you to the corresponding video/audio position when clicked.

使用展示 (Usage)

插入媒体文件（视频、音频），支持网络上的 URL，本地全路径的文件和已上传至 Logseq 的相对路径的文件。

Insert media files (video and audio), supports URLs, local files with absolute path and files uploaded to Logseq and in relative path.

观看视频的同时记录笔记。

Take notes while you watch the video.

使用示例 (Examples)

推荐使用 /Media timestamp 来快捷插入以下代码。请参看上方动图。

对于video与audio标签可在插入时间戳时自动获取当前位置。对于 B 站视频，出于 Logseq 本身的一些安全性限制，无法获取当前位置，点击时间戳跳转时也不能直接定位，需要重新加载播放器。

It is recommended to use /Media timestamp for quick inserts. Please refer to the above animated gif.

For video and audio tags, the current playing position can be obtained automatically when inserting the timestamp. For Bilibili videos however, due to security limitations in Logseq, it is not possible to obtain its current playing position and when you click on the timestamp later, a reloading of the player can not be avoided.

你可以先将视频地址拷贝下来，再用 /insert video 插入，这样命令可以自动帮你正确处理视频地址，无论它是一个网址，本机文件的绝对路径，还是已上传到 Logseq 的一个资源的相对路径。插入音频也是采用与上面视频同样的方法，不过这次用 /insert audio。

You can copy the video address first and then insert it with /insert video. That way the command will automatically handle the video address correctly for you, whether it is a URL, a local file's absolute path, or a relative path to a resource that has been uploaded to Logseq. Insert audio in the same way as the video above, but this time with /insert audio.

可以传“秒数”，也可以传“分:秒”或“时:分:秒”。

You can pass in "number of seconds", "minutes:seconds" or "hours:minutes:seconds".

{{renderer :media-timestamp, 60}}
{{renderer :media-timestamp, 01:00}}
{{renderer :media-timestamp, 00:01:00}}

用户配置 (User configs)

{
  "disabled": false,
  "mediaTsShortcut": ""
}

在 Logseq 的插件页面打开插件的配置后，有以下几项配置可供使用，请参照上方代码块进行设置（各项的默认值以体现在代码块中）：

mediaTsShortcut: 为生成 media-timestamp 设置快捷键，例如mod+shift+m。

There are a couple of user settings available when you access the plugin settings from Logseq's plugins page. Please refer to the source block above (Default values are given in the source block).

mediaTsShortcut: Assign a shortcut for media-timestamp operation, e.g. mod+shift+m.

自定义样式 (Syle Customization)

你可以通过以下 CSS 类来自定义样式。参照 Logseq 自定义样式的文档操作，将内容放在custom.css中即可。

You can customize styles using the following CSS classes. Refer to Logseq's document for how to customize styles, place your modifications in custom.css.

.kef-media-ts-ts {
}

Comments

【参考】自动获取B站视频当前位置，以及点击时间戳实现直接定位

开发者，你好！

关于【B 站视频，出于 Logseq 本身的一些安全性限制，无法获取当前位置，点击时间戳跳转时也不能直接定位，需要重新加载播放器】的问题，下面是@boninall提供的一种可能解决方案，希望能有帮助，仅供参考，谢谢！

那个开了个反向代理，麻烦点，可以把这个链接发给开发者来参考代码 https://github.com/aidenlx/mx-bili-plugin

opened by mtuwei 13
使用/insert插入的视频不能自动复制到assets文件夹里，换电脑视频就打不开

使用/insert + 视频的绝对地址可以插入视频，也能正常播放，但是视频不能自动复制到assets文件夹里面。所以当我把文件夹所在的U盘在其他电脑的时候，视频就不能播放。我录制的视频《logseq的media timestamp插件bug：使用/insert video 插入的视频能打开，但是不能复制到assets，换一台计算机，视频就打不开》：https://www.bilibili.com/video/BV1414y1j7oX/?spm_id_from=333.999.0.0&vd_source=ffabafd567748fdd41a420b38a20c4ed

opened by pipibaibai 8
用哪个插件可以快速插入 mp4直链？
我像把 mp4文件的加入到logseq，然后通过本插件插入时间戳，可行吗？直链地址： https://alist.xhofe.top/d/%E5%A4%A9%E7%BF%BC%E4%BA%91%E7%9B%98/01_%E5%A6%82%E4%BD%95%E4%B8%8A%E4%BC%A0%E7%85%A7%E7%89%87%E5%88%B0%E5%A4%A9%E7%BF%BC%E4%BA%91%E7%9B%98.mp4

请教快速插入直链MP4的插件是哪个啊？
opened by JiangLongLiu 5
Link timestamp to specific video (similar to references)
At the moment, timestamps are not linked to / referencing a particular video. Timestamps always only refer to the current playing media renderer. This basically forces you to write notes underneath the video, to clearly indicate what video the timestamps refer to and so that the timestamp links work properly. Personally, however, I want content and ideas to structure my notes rather than the sources from which the content comes.

I want to be able to use timestamps as follows:

Topic 1 timestamp referencing vid 2

Topic 2

Subtopic 2a timestamp referencing vid 1

Subtopic 2b timestamp referencing vid 2

Subtopic 2c timestamp referencing vid 1

Is it possible to have the timestamps reference a specific video, rather than the media player?

This would be similar to how references currently work for PDF annotations: instead of referring to a page number of the PDF viewer, the reference refers to a page of a specific PDF.
enhancement
opened by 3699n 4
Setting for adjusting time stamp placement time

Hi! I love and use this plugin on a regular basis.

One thing I find myself doing a lot is going back in the player to make the Media Stamp and place the media stamp not after, but before what I want to capture.

For me, it would be valuable to have a setting available, where I can enter a number of seconds (e.g "5" seconds), and then all time stamps I do are shifted five seconds before the actual spot where I create the time stamp.

That way, I can keep on watching without needing to go back and replace the timestamp.

opened by wirtzdan 2
wmv video format support

Thanks for this convenient plugin, it's very useful for me.

But I found that it now not support local wmv file format. Any plan to support "wmv" video file format in the future?

Thanks.

opened by ccyang2019 2
${{renderer: media_controls}} does not activate timestamp feature$

{{renderer: media_controls}} does not activate timestamp feature

I discovered that I had to replace this command with {{renderer :media_controls}} to get it to initiate the feature. Just discovered the different colon placement that makes it work.

opened by BruceSaltzman 2
m4v video extension support missing

Great plugin to fill in gap of core Logseq when it comes to media time-stamping for notes.

When a try "Convert to media renderer" on video asset with "m4v" extension I get "No media", though video plays fine if I use hiccup syntax to embed in a block.

looking at your code it appears m4v extension is missing from video extension list const VideoExts = new Set(["mp4", "mov", "mpg", "mpeg", "webm", "ogv", "avi"])

where as m4a (audio) is included const AudioExts = new Set(["mp3", "m4a", "wav", "ogg"])

opened by nomadhermit 2
在线视频无法进行时间戳记录

十分感谢大佬写出插件，本地视频能够成功记录！但是我在进行YouTube视频复制网址再 ‘/insert video' 不能成功读取导入。尝试用嵌入视频的方法放进Logseq之后，时间戳无法对当前在线视频进行记录

https://user-images.githubusercontent.com/60655208/163507598-ee9284f4-0142-416a-b6c2-bbf5b3458086.mp4

https://user-images.githubusercontent.com/60655208/163507608-95c41c39-1f4a-4ce8-a7d5-55d2055c881b.mp4

opened by Fluoxetine-int 2
Youtube support?

Awesome functional plugin. Well done on the effort.

I am interested in youtube video's to bookmark and add custom timestamp, as per my needs.

Is that supported by this plugin?

OneWorld :-)

opened by ssravjee 1
/media timestamp 无法插入时间戳
输入 /media timestamp 后什么也没有出现，在同位置输入 {{renderer :media-timestamp, 00:01:00}} 可以正常使用开发者模式报错为

Uncaught (in promise) TypeError: Cannot destructure property 'time' of '(intermediate value)' as it is undefined. at insertMediaTsRenderer (index.a37c0684.js:182:13)

操作系统为 macOS 插件与 logseq 均为最新版
opened by fatekey 1