diff --git a/.obsidian/plugins/recent-files-obsidian/data.json b/.obsidian/plugins/recent-files-obsidian/data.json index 56b62817c..72a04f22d 100644 --- a/.obsidian/plugins/recent-files-obsidian/data.json +++ b/.obsidian/plugins/recent-files-obsidian/data.json @@ -1,5 +1,9 @@ { "recentFiles": [ + { + "basename": "embedding-audio-in-quarto", + "path": "tech/embedding-audio-in-quarto.md" + }, { "basename": "guitar-clouds", "path": "creative/guitar-clouds.md" @@ -195,10 +199,6 @@ { "basename": "export-your-libby-timeline-to-obsidian", "path": "posts/export-your-libby-timeline-to-obsidian.md" - }, - { - "basename": "reading-list", - "path": "lists/reading-list.md" } ], "omittedPaths": [], diff --git a/.obsidian/workspace-mobile.json b/.obsidian/workspace-mobile.json index 9b7f8373e..ce56f1e82 100644 --- a/.obsidian/workspace-mobile.json +++ b/.obsidian/workspace-mobile.json @@ -13,7 +13,7 @@ "state": { "type": "markdown", "state": { - "file": "creative/guitar-clouds.md", + "file": "tech/embedding-audio-in-quarto.md", "mode": "source", "source": true } @@ -93,7 +93,7 @@ "state": { "type": "backlink", "state": { - "file": "creative/guitar-clouds.md", + "file": "tech/embedding-audio-in-quarto.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -110,7 +110,7 @@ "state": { "type": "outline", "state": { - "file": "creative/guitar-clouds.md" + "file": "tech/embedding-audio-in-quarto.md" } } }, @@ -120,7 +120,7 @@ "state": { "type": "outgoing-link", "state": { - "file": "creative/guitar-clouds.md", + "file": "tech/embedding-audio-in-quarto.md", "linksCollapsed": false, "unlinkedCollapsed": true } @@ -141,6 +141,8 @@ }, "active": "be767112276aa446", "lastOpenFiles": [ + "creative/guitar-clouds.md", + "tech/embedding-audio-in-quarto.md", "creative/prose-the-thief-of-time.md", "creative/prose-red-eyed.md", "creative/ice-baths.md", @@ -148,7 +150,6 @@ "creative/poem-cuddles.md", "creative/vanished.md", "creative/apology.md", - "creative/guitar-clouds.md", "img/dalle-clouds-over-a-field.jpeg", "goals/2024-02-04.md", "goals/2024-02-05.md", @@ -170,7 +171,6 @@ "book-review/mindset.md", "book-review/the-storytelling-animal.md", "book-review/the-body.md", - "book-review/radical-candor.md", "img/dalle-image-divinely-discontent.jpeg", "img/photo-screenshot-leaderboard-llm-short.jpeg", "img/photo-screenshot-chatbot-arena-leaderboard.jpeg", diff --git a/img/screenshot-chrome-mobile-quarto-audio.jpeg b/img/screenshot-chrome-mobile-quarto-audio.jpeg new file mode 100644 index 000000000..e2d3959aa Binary files /dev/null and b/img/screenshot-chrome-mobile-quarto-audio.jpeg differ diff --git a/img/screenshot-quarto-audio-safari.jpeg b/img/screenshot-quarto-audio-safari.jpeg new file mode 100644 index 000000000..a08662cc4 Binary files /dev/null and b/img/screenshot-quarto-audio-safari.jpeg differ diff --git a/tech/embedding-audio-in-quarto.md b/tech/embedding-audio-in-quarto.md new file mode 100644 index 000000000..22af88ffb --- /dev/null +++ b/tech/embedding-audio-in-quarto.md @@ -0,0 +1,38 @@ +--- +title: Embedding audio in Quarto +description: How do I use audio in Quarto? Here are three ways. +date: 2024-02-05 12:31:54 +created: 2024-02-05 12:31:54 +categories: + - tech + - quarto + - blogging +draft: false +--- +I want to embed just a plain audio file in my blog post. + +Check out [Guitar: Clouds](../creative/guitar-clouds.md), where I embed some audio using the quarto video short link: [Quarto – Videos](https://quarto.org/docs/authoring/videos.html). + +My process: + +- take a voice recording with my voice notes on iOS. +- Save to files, I did audio/ folder ([How to blog from your phone using quarto (or hugo/jekyll/etc) using Working Copy and Obsidian](../posts/quarto-from-phone/index.md)) +- Then if I link using a standard markdown link it'll create an audio recording in a new browser. If I use the video shortcode then quarto will embed it as a video right in the post (doesn't open a new browser). You can adjust the height so it's not a massive black screen. + +``` + +Song snippet today: [2024-02-05-guitar-clouds](../audio/2024-02-05-guitar-clouds.m4a) 3rd capo, G, Em, C, G with some pinky action. + + +<-- This works on safari, not chrome --> + +![2024-02-05-guitar-clouds](../audio/2024-02-05-guitar-clouds.m4a) + +{{< video ../audio/2024-02-05-guitar-clouds.m4a height="50">}} + +``` + +Hope this helps someone! + + +Note, the second way (`the ![]`) approach only works on safari for some reason. The audio link wouldn't appear on Chrome. \ No newline at end of file