This plugin allows side-by-side notetaking with videos. Annotate your notes with timestamps to directly control the video and remember where each note comes from.

Overview

Obsidian Timestamp Notes

Use Case

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.

Solution

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

Setup

  • 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

Usage

  • 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

Valid Video Players

This plugin should work with:

  • youtube
  • vimeo
  • facebook
  • soundcloud
  • wistia
  • mixcloud
  • dailymotion
  • twitch

Demo

ezgif.com-gif-maker.1.mov

Known Issues

  1. 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.
  2. 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.

Other Authors

This plugin uses the react-player npm package: https://www.npmjs.com/package/react-player.

Comments
  • Changed viewer height to 100%

    Changed viewer height to 100%

    Changes of video player size definition so youtube videos render using full pane size and scale appropriately.

    My personal fix for #8

    FYI - Only tried with youtube videos, but works perfectly for them. Your mileage may vary.

    opened by enly1 2
  • Add option to rewind video

    Add option to rewind video

    Would it be possible to add a shortcut to rewind the video by 5 seconds?

    I sometimes get distracted while taking notes on a lecture and end up missing a phrase, and it would be helpful to have a shortcut to rewind the video by 5 seconds.

    Similarly, would it be possible to skip forward 5 seconds?

    opened by cocofoco 2
  • [bug] The layout doesn't work well for a horizontal pane

    [bug] The layout doesn't work well for a horizontal pane

    It seems the layout was designed to have the video in a tall vertical pane on the side. The video is stretched horizontally within the note. In my Obsidian, that's wasteful as most of the bottom of that pane is just whitespace.

    Videos tend to be more wide than tall. So it makes sense to me to try to move the video pane to the bottom of my app and make it horizontal instead. Especially since I have a 2-pane side-by-side layout usually, I can basically try to dedicate the bottom-left quadrant of my screen to the Timestamp Video pane; then that would minimize the amount of wasteful white space.

    Unfortunately, for some reason the video is squished from the bottom and ends up looking like this:

    screenshot 2022-07-10T135502Z

    Can't really see much.

    opened by huyz 1
  • 'Open video player'

    'Open video player'

    If you highlight the URL the browser is the app that is in focus. As soon as you move your cursor to the Obsidian note, the URL highlight disappears.

    If you then use the 'Open video player' hotkey I get a sticky note with the URL shown.

    I am on MacOS.

    opened by DutchPete 1
  • Possibility compatible with Obsidian Mobile?

    Possibility compatible with Obsidian Mobile?

    Hi Developers!

    Thank you so much for creating this plugin, eventho that is still on beta version but I believe this will be one of community favorite plugin.

    I am just curious if you guys are able to make it work also on Mobile?

    Regards, Denny

    opened by Dennyyusuf 1
  • Does not give option to enable

    Does not give option to enable

    Hi I have placed the folder correctly in the plugins folder. However I have no option to enable the plugin.

    image

    I am unsure what I am doing wrong? Thanks for your help! I really want to try this plugin, it provides one of the functions I miss most about roam.

    opened by knuckleheader 1
  • [Feature Request] add S3 stored video

    [Feature Request] add S3 stored video

    yet another option I think would be good, would be media stored on S3 compatible servers. eg, https://s3.ap-southeast-2.wasabisys.com/test2022-12/The%20Many%20Planes%20That%20Only%20Have%20One%20Name.mp4

    opened by piersdd 1
  • [Feature Request] add Rumble video player support

    [Feature Request] add Rumble video player support

    A lot of content too risky for YouTube is posted on Rumble (and BitChute) Would you be able to integrate Rumble? I would be happy to financially contribute for the effort required. Rumble Player - Rumble Player API

    Amazing tool you've developed. thankyou

    opened by piersdd 0
  • Link to a tab, so videos always open in that tab

    Link to a tab, so videos always open in that tab

    Hi there, wonderful plugin you've made here! I have a small issue that maybe you have an answer for.

    When opening a youtube URL using your plugin, it always closes the previously existing tab, then opens the URL in a new tab in a different pane.

    Is there any way to force the plugin to use an existing tab? Perhaps by linking the tab, or prompting the user?

    opened by profucius 0
  • Possible to deactivate Youtube video autoplay?

    Possible to deactivate Youtube video autoplay?

    Hi,

    first, thank you very much for this amazing plugin! Is it possible for me to disable autoplay of a youtube video in the code of the plugin? I rearrange the video window from the sidepanel to the center of the window above the note where I capture the timestamps and the annotations. I would like to start the video manually as soon as I have rearranged the windows. I don't want it to start already in the sidepanel.

    Thanks a lot

    opened by mkNucleus 0
  • [Feature Request] Add screenshot

    [Feature Request] Add screenshot

    It would be really amazing if we could add a screenshot of the the video at a particular time. A hotkey could be combined - Say Shift + V to copy the screenshot at the current time and paste it at the cursor position with the name part highlighted to add the title for the screenshot.

    The screenshot should be copied and pasted via clipboard, so that if we are using an image uploader, it would automatically host the image and there would be no need of any attachments.

    opened by cs-mshah 1
Owner
null
App that allows you to control and watch YouTube videos using hand gestures. Additionally, app that allows you to search for videos, playlists, and channels.

YouTube Alternative Interaction App An app I made with Edward Wu that allows you to search and watch videos from YouTube. Leverages Google's YouTube D

Aaron Lam 2 Dec 28, 2021
Easily open daily notes and periodic notes in new pane; customize periodic notes background; quick append new line to daily notes.

Obsidian daily notes opener This plugin adds a command for opening daily notes in a new pane (so that a keyboard shortcut could be used!) and gives ex

Xiao Meng 16 Dec 26, 2022
Trusted timestamps that you can physically include in photos, videos and live streams using QR codes and audible data signals.

QR Date This is the reference implementation for the first version of QR Date, a signed timestamp inside a QR code that you can use to verify the date

QR Date 36 Oct 5, 2022
A simple cli-app that allows you to divide a YouTube video into multiple separate videos base on a video's time stamps. Powered by pkg and yt-scissors library.

YouTube-Scissors CLI A simple CLI app that allows you to divide a YouTube video into multiple separate videos base on a video's time stamps. This proj

Gabe 23 Nov 8, 2022
a Logseq plugin to float items (e.g. videos) for an improved note-taking experience

logseq-helium-plugin Features Float videos for better note-taking in 3 ways: Block context menu (right-click on bullet) → ?? Start float Slash (/) com

Vivian Leung 58 Jan 2, 2023
JSON Struct is a vocabulary that allows you to annotate and validate JSON documents.

JSON-Struct JSON Struct is a vocabulary that allows you to annotate and validate JSON documents. Examples Basic This is a simple example of vocabulary

Saman 3 May 8, 2022
Micro.publish is an Obsidian plugin to publish notes directly to Micro.blog, written in TypeScript

Micro.publish Micro.publish is a community maintained plugin for Obsidian to publish notes to a Micro.blog blog. Installing This plugin will be availa

Otavio Cordeiro 14 Dec 9, 2022
Obsidian jTab adds the ability to show guitar chords and tabs directly in your notes.

Obsidian jTab Guide Obsidian jTab adds the ability to show guitar chords and tabs directly in your notes. It uses the jTab library to render the chord

David 24 Dec 25, 2022
A large scale simulation which pits millions of space ships against each other in a virtual universe all running directly in SingleStore.

Wasm Space Program In this demo we simulate a fake universe full of thousands of solar systems. In each solar system there are many space ships and en

SingleStore Labs 11 Nov 2, 2022
LayerX-AI is a comprehensive platform to annotate and manage your machine learning data.

The AI Data Platform Annotate, Manage and Deploy Training Data The end-to-end AI data management platform that helps ML teams annotate, manage and dep

LayerX.ai 15 Dec 18, 2022
A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.

Yank Note A hackable markdown note application for programmers Download | Try it Online >>> Not ecommended English | 中文说明 [toc]{level: [2]} Highlights

洋子 4.3k Dec 31, 2022
Easily publish notes to the web This plugin integrates with obsius.site to publish markdown notes on the web.

Obsius Publish Easily publish notes to the web This plugin integrates with obsius.site to publish markdown notes on the web. Limitations The type of c

Jon Grythe Stødle 66 Dec 20, 2022
An Obsidian plugin for automatically creating notes when linking to non-existing notes

Note Auto Creator for Obsidian Automatically create notes when links are created to them. How to use After enabling the plugin in the settings menu, y

Simon Clement 31 Dec 14, 2022
An Obsidian plugin that allows adding iframes with custom styling as editor tabs. Also comes with presets for Google Keep and more.

Obsidian Custom Frames An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep an

Ellpeck 208 Jan 8, 2023
Smart Time Ago is a little jQuery library to update the relative timestamps in your document.

Smart Time Ago Smart Time Ago is a little jQuery library to update the relative timestamps in your document intelligently. (e.g "3 hours ago"). It's o

Pragmatic.ly 588 Dec 6, 2022
A Zotero add-on that scans your Markdown reading notes, tags the associated Zotero items, and lets you open notes for the Zotero items in Obsidian.

Zotero Obsidian Citations Adds colored tags to Zotero items that have associated Markdown notes stored in an external folder. Open an associated Markd

Dae 210 Jan 4, 2023
Do calculations, annotate like you would on a paper "qwikly".

Do calculations, annotate it like you would on a paper "qwikly". 100.00 my wallet balance - 40.00 food ═══════════ 60.00 Create

Viral Ghelani 29 Dec 16, 2022
📝 You Can Create Your Own Short Notes With The Help of Sticky-Notes Website.

Hi ?? , I'm Sneh Agrawal A passionate Web developer from India ?? I’m currently working on Chatting Website Chit-Chat ?? How to reach me on My Gmail A

Sneh (Smilyboyy) 1 Feb 23, 2022