smartdown
Version:
A library for translating, rendering and interacting with Smartdown documents. Smartdown is an extension of Markdown that provides richer media support and reactive programming capability.
67 lines (29 loc) • 2.37 kB
Markdown
## Video and Audio Embedding
As of Smartdown 0.0.63, URLs that refer to videos, images, tweets and audio will be displayed as clickable links, rather than embedded media. By using Markdown's image-embedding syntax, these media types will be displayed with an appropriate player.
For example, the syntax `` will display the video at `https://vimeo.com/253898691` as an embedded video. Smartdown currently supports two options `thumbnail` and `fullwidth` (the default) which can be placed in the label portion of the URL. For example, `` will display the video in a fixed-size small frame, as opposed to `` which displays a responsive video that occupies the full available width.
### YouTube
Thumbnail of https://youtu.be/m3dZl3yfGpc with syntax:
``
Fullwidth of https://youtu.be/m3dZl3yfGpc with syntax:
`https://youtu.be/m3dZl3yfGpc`
### Vimeo
Thumbnail of https://vimeo.com/69563998 using the syntax:
``
Fullwidth of https://vimeo.com/253898691 using the syntax:
``
### GIFs
I'm experimenting with incorporating GIFs for the purpose of building a tutorial. The use of the keyword `player` in the label of the Smartdown link syntax indicates that a play/pause button should be added to the GIF viewer.
Embedding https://upload.wikimedia.org/wikipedia/commons/c/cb/An_EPIC_Eclipse.gif with the syntax:
``
By NASA (NASA Earth Observatory) [Public domain] via [Wikimedia Commons](https://commons.wikimedia.org/wiki/File%3AAn_EPIC_Eclipse.gif)
### MP3 and other Audio Formats
Embedding https://unpkg.com/smartdown/docs/lib/resources/Damscray_DancingTiger.mp3 with the syntax:
``
---
[Back to Home](:@Home)