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 media 插入，这样命令可以自动帮你正确处理视频地址，无论它是一个网址，本机文件的绝对路径，还是已上传到 Logseq 的一个资源的相对路径。

You can copy the media address first and then insert it with /Insert media. 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.

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

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}}

如果想为特定块中的媒体创建时间戳可以再传入它的引用，例如：

You can give a block's reference as the second parameter if you want to create a timestamp for a media within a specific block, e.g:

{{renderer :media-timestamp, 60, ((63158bf5-1436-41e4-a8af-a4a03b8b5a5b))}}

自定义样式 (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 {
}