SiYuan Notes Tampermonkey Script Video Timestamp + Screenshot

It’s too late now and I’m dizzy. I’ll just give you a brief look. I’ll write the documentation tomorrow and deal with any bugs tomorrow. Bye!

KuiyueRO/siyuan-media-timestampsiyuanmediatimestamp.mp4

Supported Features

Several optimizations have been made, mainly by using custom attributes to match videos with notes, eliminating the need to manually fill in IDs.

1. One-click creation of video notes.

2. Automatically identify the corresponding notes; timestamps and screenshots will be automatically sent to the corresponding notes on the webpage.

3. Timestamp list.

   1. Automatically obtain marked timestamps, displayed in real-time on the webpage.
   2. Click to jump.
   3. Drag to move.

4. Support for shortcuts.

Why Create This Script

Timestamps for videos have always been a necessity for me. There are already several good solutions for local videos in SiYuan Note, but online videos have always been a hassle.

If embedded in SiYuan Note, issues like subtitles, comments, resolution, or mobile support become problematic.

Last night, I thought it would be better to create a browser script. With the strong support of browser extensions and SiYuan's local API, I can directly add timestamps and review them in the browser.

It's convenient, works well, and all the information is saved in SiYuan.

How to Use

Copy the code from the link at the top into the Tampermonkey extension and enable it. This is my first time publishing a Tampermonkey script, so I apologize for not yet understanding automatic updates.

Future Plans

1. Bidirectional synchronization of timestamps and notes with SiYuan.

2. Full-screen support (not sure if this can be done, but it's a need for me).

3. Support for more detailed features.

   1. Offset the timestamp by a few seconds earlier when marking (as the operation often causes the timestamp to be delayed).
   2. Automatic pause.
   3. Automatically resume playback after finishing the notes.

Thanks

This script was inspired by the following plugins, without which I wouldn't have thought of this approach.

1. SiYuan Reminder Tampermonkey Plugin https://ld246.com/article/1729516362192
2. SiYuan Video Notes Plugin / Bilibili / Baidu Netdisk One-Click Import https://ld246.com/article/1723448200698
3. Search Engine Shows SiYuan https://ld246.com/article/1728550159263