Hello Obsidian users! Like all of you, I love using Obsidian for taking notes. My usual workflow is a video in my browser on one side of my screen while I jot down notes in Obsidian on the other side. While Obsidian itself is a great notetaking tool, I found this setup quite lacking. When reviewing my notes, it would often take me a long time to find the section of the video the note came from and I found it annoying constantly having to switch between my browser and Obsidian.
This plugin solves this issue by allowing you to:
- Open up a video player in Obsidian's sidebar
- Insert timestamps with a hotkey
- Select timestamps to navigate to that place in the video
- Download and enable the plugin
- Set the hotkeys for
- opening the video player (my default is cmnd-shift-y)
- inserting timestamps (my default is cmnd-y)
- playing/pausing video (my default is cntrl-space)
- Set options for
- colors of the url, url text, timestamp button, and timestamp text
- Title that is pasted when 'Open Video Player' hotkey is used
- Highlight a video url and use the 'Open Video Player' hotkey
- Jot down notes and anytime you want to insert a timestamp, press the registered hotkey
- Toggle pausing/playing the video by using hotkey (my default is option space)
- Open videos at the timestamp you left off on (this is reset if plugin is disabled)
- Close the player by right-clicking the icon above the video player and selecting close
This plugin should work with:
- youtube
- vimeo
- soundcloud
- wistia
- mixcloud
- dailymotion
- twitch
ezgif.com-gif-maker.1.mov
- Inserting timestamps into a bulleted section does not work. Unfortunately, code-blocks cannot be in-line with text. Make sure to press enter/insert the timestamp on a new line.
- If you decide to change the colors of your buttons/text, any old buttons/text will not update with the new colors until you reload the app. You can also click the '<>' when hovering over the code-block and it will refresh with the new colors.
This plugin uses the react-player npm package: https://www.npmjs.com/package/react-player.