samwarnick / obsidian-simple-embeds Goto Github PK
View Code? Open in Web Editor NEWA plugin for Obsidian that automatically turns links into embeds.
License: MIT License
A plugin for Obsidian that automatically turns links into embeds.
License: MIT License
It would be awesome if this plugin supported video embeds from Archive.org. This can already be done using an iframe in Obsidian, but Simple Embeds is a much cleaner experience!
The URL structure is straight-forward. For a URL like
https://archive.org/details/hopeconf2020/20200725_0900_Opening_Ceremony.mp4
simply replace /details/
with /embed/
https://archive.org/embed/hopeconf2020/20200725_0900_Opening_Ceremony.mp4
to get the embedded view.
(It would be awesome if both forms of the URL were supported, as that would make conversion easier!)
While I don't have any references to audio from Archive.org, this can also be embedded in a similar fashion. For example, the URL
https://archive.org/details/gd82-08-08.sbd-wise.unknown.7690.sbeok.shnf/gd82-08-08d1t01.shn
has an embedded form
https://archive.org/embed/gd82-08-08.sbd-wise.unknown.7690.sbeok.shnf/gd82-08-08d1t01.shn
I assume that the audio embed is also suitable for direct inclusion with an iframe, but don't have any experience with this myself.
Thanks!
Thanks soooo much!
Love the idea for this plugin.
It was quite surprising to find standard links, those where portions of a sentence are a hyperlink, turned into embeds. You actually then lose key narrative text.
It would be useful to have a settings flag through which I could choose to only to show embeds of links that stand alone on their own line, and/or maybe URLs that aren't even yet hyperlinked.
Twitter embeds can be dark, so they should follow from Obsidian's theme settings. May be applicable to other sites too.
When I try to add Apple podcast to my note I get a gray iframe.
The first one is plugin generated, and second one is iframe from podcasts.apple.com
ie.
<iframe allow="autoplay *; encrypted-media *; fullscreen *; clipboard-write" frameborder="0" height="175" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.podcasts.apple.com/dk/podcast/an-abortion-rights-champion-of-the-1970s-on/id1200361736?i=1000568418978"></iframe>
It works fine on mobile version.
Is it because of some changes in obsidian 15.3?
It would be great to be able to easily exclude specific links from having an embed with a specific markdown syntax
When i copied twitter thread it is only showing the first tweet only , is there any way to embed the compleated twitter thread
This is what I found through a quick Googling.
Spotify already works for me in iframes in Obsidian.
Would be possible to make work with the new Live Preview?
Ideally this would support instagram embeds.
It would be nice to have option of previeiwing reddit links
Rather than replacing the link. From discussion in #1.
Requested on Twitter
Nice plugin.
Would be great to have Vimeo embed covered in a future release.
Thanks
Related to #17, it would be nice to have an option to let you collapse embeds so that they don't just pop into existence as you're editing in live preview.
This error message shows on the console on startup.
There's also this link in the details, among other things: https://discuss.codemirror.net/t/release-0-20-0/4302
I have the newest Obsidian Insider version, so it's probably related to their recent CodeMirror migration. They have this guide.
Tried a few times
Keep links in preview
can only insert embeds above their link, not below them. Ideally I'd like the embeds to be below their title.
I often use obsidian to do online research and gather multiple links from all over the place. To format them in a nicer way for future reference I like to use the Rich Links plugin. However, its buggy for some urls and you have to manually convert them. Here, the workflow of Simple Embeds is much nicer as you can just switch to view mode after finishing the note and all links get converted to a nice preview.
Expcept for the generic URLs. There is a title and some content text, but image. Is it possible to integrate an option to addittionally integrate an image from the related URL or a placeholder image (if none is available), very similar to what rich links does?
Can I do this with CSS-snippets already? If so, how??
EDIT: Oh wait it does work with an image, just not for every URL. In this case, a placeholder image (maybe the websites symbol) would be preferred. This way a clean and homogeneous look can be achieved when multiple links are there. Also an option for the max visible lines in the content text would be nice.
The embedding of single tweets is great, but there doesn't seem to be a way to render an entire thread. Thoughts?
One option: support for embedding threads a la thread reader.
[Twitter link](https://twitter.com/tannerc/thread/1539248244823404544)
or with an attribute.
[Twitter link|thread](https://twitter.com/tannerc/status/1539248240159334406)
Some people would rather not replace or add embeds by default. With this setting |embed
will need to be added to enable an embed. So a link will look like [Descriptive text|embed](https://some.link)
.
From discussion in #1.
Right now all links need to be markdown links, like [Some twitter link](https://twitter.com/user/1234)
. Would be nice if it handled regular links like it does in the normal preview mode. Can be tricky to parse the note to find these links though.
lite-youtube-embed
is an awesome npm package that makes YouTube embeds way faster and more privacy respectful.
It would be lovely if the embed generated by this plugin could be generated with it.
Generic links only work in reading view now.
![[
is the standard format in Obsidian for embedding files and notes. I think it makes more sens to reuse this syntax instead of embedding every YouTube video into the notes and specifying which ones should be excluded with a [[link|noembed]]
parameter.
Normal YouTube links can have a ?start=
, &t=
, ?t=
suffix that should be preserved (and in case of the latter two, turned into ?start=
, which is the only one embed accepts).
A link like [](https://twitter.com/user/1234)
does not appear to be replaced with an embed in live preview.
Sorry, me again! ๐
A small cosmetic issue...
For the first time today I tried using |noembed
- and found it was displayed in preview mode.
Source:
[Reset Pebble watch|noembed](https://www.youtube.com/watch?v=xv_EkeJi1-A)
Result in preview, with Simple Embeds 1.6.2
From looking at the code, I suspect this may be the result of the fix for #18 - ff220aa
Updated then tried loading and it failed to load
Then tried to uninstall end reinstall same
Hello, thank you for a very nice plugin...
I just wanted to report an odd display problem I had, that via bisecting, I tracked down to this plugin.
I am using this markdown for the demo:
[samwarnick/**obsidian-simple-embeds**](https://github.com/samwarnick/obsidian-simple-embeds)
With these settings...
... the previewed display in Obsidian 0.13.15 is as expected:
With these settings, however...
... the previewed display in Obsidian 0.13.15 is missing the bold text:
In other words, the formatting seems to have been lost.
The behaviour is the same if I turn Live Preview on (I turned it off for the purposes of bug-reporting)
For the last few days, I can no longer use simple embeds on my iPad. Trying to activate the plugin always generates the following message: "Failed to load plugin simple-embeds". It used to work well. Still working well on my PC.
Hi, just fyi the plugin seems to be broken after obsidian update to v1.
Thanks!
It would be awesome if Simple Embeds could support PeerTube. PeerTube has an embedding API, but the hard part might be figuring out if a URL represents a PeerTube server, since it's a distributed/self-hosted platform.
Currently I embed PeerTube videos directly with iframes; for example, this URL
https://peertube.linuxrocks.online/w/kWfBbYERiN9KWqoLaCdAVk
corresponds to this iframe-suitable embed
https://peertube.linuxrocks.online/videos/embed/a170ccc1-5d49-4517-a5dc-c0f2844c579d
That said, Simple Embeds is a much cleaner solution than iframes!
Right now, most embeds have a max width of 550px. I believe this is the max width of embeds created by the Twitter API, so I made others follow suit. My current thought is to allow users to add |fullwidth
or something like that to a link description.
Would be awesome!
Hi. Can you integrate this obsidian-rich-links plugin to add to each link more information?
Right now the embeds are left justified. Some users would prefer to have them centered.
I end up finding a lot of good quotes in YouTube Shorts. It would be nice if these links also worked with simple embeds. The embedding works the same it's just the link's regex would be different.
https://youtube.com/shorts/VIDEOID?feature=share
It should probably have its own CSS class because most of the videos are in portrait.
The new YouTube thumbnails since #34 are really low quality / resolution. Here's an embed by the plugin followed by a normal iframe. It's ugly even with a narrow document but especially with the fullwidth option. There should be at least an option to fetch a higher quality thumbnail.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.