BranchesTags

Repository files navigation

Obsidian Livecoding

Obsidian plugin for live coding music and visuals with Strudel and Hydra.

Screenshot_20250625_212632

Usage

Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.

You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.

Paste this README into note as an example.

Strudel:

setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)

Hydra: Note that Hydra is loaded via Strudel, so you must call initHydra.

awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()

Commands

CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL

Installation

Either install manually, or use BRAT

  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings

About

ALGORAVE from your Obsidian vault

Topics

algoravehydralivecodingstrudel

Resources

Readme
AGPL-3.0 license
Activity

Stars

5 stars

Watchers

1 watching

Forks

1 fork
Report repository

Releases

Packages

Contributors

Languages

Generated from obsidianmd/obsidian-sample-plugin
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Repository files navigation
Obsidian Livecoding
Obsidian plugin for live coding music and visuals with Strudel and Hydra.
Screenshot_20250625_212632
Usage
Write Strudel or Hydra code in js code blocks. Use Shift+Ctrl+E to evaluate the code block where your cursor is positioned.
You can have multiple code blocks in a single note - only the block containing your cursor will be evaluated. Code is evaluated directly as written, so both Strudel and Hydra evaluated code will replace the previously evaluated code for each respectively.
Paste this README into note as an example.
Strudel:
setCpm(20)
$DRUMS: stack(s("bd(4, 4)").struct("t(6, 8)"),s("[hc house](6, 8)").jux(rev).struct("f(5, 8)"),).jux((x)=>x.room("0 .. 0.2")).delay(0.1).lpf(2900).swing("1/3",4)
$MELODY: n("0 2 4 <[6,8] [7,9]>".off(1/8,x=>x.add("4 12 <7 5> 17"))).scale("<C G>:minor").sound("piano").off(1/4,x=>x.s("gm_steel_drums").sometimes(ply(3)).room(0.5)).room(0.8).size(0.3).swing("1/3",4)
Hydra:
Note that Hydra is loaded via Strudel, so you must call initHydra.
awaitinitHydra()letpat="4 2 [8 .. 16] 6 6"letpat2="<[0.2 0.7] [0.8 0.1] 0 3>".add(0.1)noise(H(pat),0.8,H(pat2)).modulate(osc(10000,1).modulate(osc().luma(0.8),0.8)).mult(osc(H(pat2),0.9,0.2)).blend(shape(H("<5 4 3 6 5 4 3>")).rotate(0,0.8).repeat(4,4).saturate(H(pat),H(pat2)),H("0.1 .. 0.9")).blend(o0).modulate(o0).out()
Commands
CommandKey BindingDescription
Enable RAVE-Enables live coding mode to evaluate js code
Evaluate BlockShift+Ctrl+E or Shift+Ctrl+EnterEvaluate code block at cursor
HUSHShift+Ctrl+HStop all sounds
StopShift+Ctrl+XStop Strudel and Hydra and disable RAVE mode
Toggle Hydra StyleShift+Alt+HStart/stop Hydra visuals
Open Block in Strudel-Open current code block in Strudel web interface
Save Revision-Save current code block strudel URL as revision in frontmatter
Strudel Web Clipper Template-Show Obsidian Web Clipper template for clipping code from Strudel REPL
Installation
Either install manually, or use BRAT
  1. Download the latest release
  2. Extract to VaultFolder/.obsidian/plugins/obsidian-livecoding/
  3. Enable the plugin in Obsidian settings
About
ALGORAVE from your Obsidian vault
Topics
algoravehydralivecodingstrudel
Resources
Readme
AGPL-3.0 license
Activity
Stars
5 stars
Watchers
1 watching
Forks
1 fork
Report repository
Releases
Packages
Contributors
Languages
Generated from obsidianmd/obsidian-sample-plugin