Obsidian Web Clippers

Obsidian Metadata

url	https://github.com/obsidianmd/obsidian-clipper

The single most useful tool that the team has added to Obsidian. This allows to capture and organise in a seamlessly from the webpage itself while also calling AI to synthesise the data.

Inspiration

• Kepano’s clipper-templates - ✅ - From the creator of obsidian itself - Good starting point to explore
• Other Creators/Digital Gardens
  • https://www.ssp.sh/brain/obsidian-webclipper/#new - Interesting but not exportable.
• Obsidian Bases + Web Clipper 📝 The Perfect Research & Learning Pair

My Clipper Templates

Youtube Clipper

Why I use this:

• It runs on Youtube pages, helps me run my own prompt against the video contents, and save the output in Obsidian.

TODO:

• Improve / Customise the prompt.

{
	"schemaVersion": "0.1.0",
	"name": "YouTube (Open Transcript)",
	"behavior": "create",
	"noteContentFormat": "![{{title}}]({{schema:@VideoObject:@id}})\n\n{{schema:@VideoObject:description|callout:(\"summary\",\"Description\",true)}}\n\n{{\"Given the YouTube video information and transcript. Analyze and generate the following:\\n## Summary\\n\\nBriefly summarize the video.\\n\\n## Key Takeaways\\n\\nList the key takeaways in the video.\\n\\n## Mindmap\\n\\nGenerate mindmap of the video with simple mermaid syntax, do not use icon.\\n\\n## Notable Quotes\\n\\nIdentify list of notable quotes from the transcript. Use following format to make a link for each quote so that it's easy to revisit:\\n\\n- [timesamp: transcript](https://www.youtube.com/watch?v=<video_id>&t=<timestamp_in_seconds>s)\"}}\n\n{{selectorHtml:ytd-transcript-segment-renderer .segment-timestamp, ytd-transcript-segment-renderer yt-formatted-string|join:\"\\n\"|markdown|callout:(\"transcript\",\"Transcript (YouTube)\",true)}}",
	"properties": [
		{
			"name": "title",
			"value": "{{schema:@VideoObject:name}}",
			"type": "text"
		},
		{
			"name": "channel",
			"value": "{{schema:@VideoObject:author}}",
			"type": "text"
		},
		{
			"name": "url",
			"value": "{{schema:@VideoObject:@id}}",
			"type": "text"
		},
		{
			"name": "published",
			"value": "{{schema:@VideoObject:uploadDate|date:\\\"YYYY-MM-DD\\\"}}",
			"type": "date"
		},
		{
			"name": "created",
			"value": "{{time}}",
			"type": "date"
		}
	],
	"triggers": [
		"https://www.youtube.com/watch?v="
	],
	"noteNameFormat": "{{schema:@VideoObject:name|safe_name|trim}}",
	"path": "quartz/content/YoutubeClippings",
	"context": "# {{schema:@VideoObject:name}}\n\n{{schema:@VideoObject:description}}\n\n## Basic Information\n\n- Link: {{schema:@VideoObject:@id}}\n- Channel: {{schema:@VideoObject:author}}\n\n## Transcript\n\n{{selectorHtml:ytd-transcript-segment-renderer .segment-timestamp, ytd-transcript-segment-renderer yt-formatted-string|join:\"\\n\"|markdown}}"
}