Time code and Markdown Formatting for Streaming Events and VOD Descriptions

Updated

Markdown is a lightweight approach to style text on the web. We now support the following markdown for Streaming Events and VOD descriptions. For a more comprehensive introduction to Markdown, please read this guide.

Time codes

Any time code delimited with colons will be automatically converted to a clickable link, which will set the player to start playing at the associated timestamp. This is a great way to add chapter markers to your VOD content.

This is the descriptive text of the event or VOD above followed by some chapter markers.

0:00 This is the first chapter.

20:30 This is another chapter.

1:30:40 This is the final chapter.

Description panel folding

The description panel folds by default to hide chapter markers when they exist to keep the page brief. To turn this feature off for a particular event or VOD, start the description with "__NF__" followed by at least one new line (extra ones won't show up in the final output).

__NF__
All the descriptive text above the time codes still shows when the panel is folded.

Hence, this paragraph's also visible. But everything below's hidden away.

0:00 This is the first chapter.

20:30 This is another chapter.

1:30:40 This is the final chapter.

Line breaks

In Markdown, it takes two new lines (i.e. press Enter twice) to start a new paragraph.

This is a paragraph.

This is a new paragraph.
This line will follow the one above in the final output, only separated by a space.

Links

Links that open in the current tab by default (unless function keys or right-click menu is used).

NOTE: the entire link (including both display text and URL) needs to be written on one line with no spaces in-between, otherwise it will only be recognised as plain text.

[This is the display text](https://www.externalurl.com)

[Learn More](https://support.streamshark.io/hc/en-us)

Headers

The number of hashtags (#) corresponds to h1, h2, h3, h4, h5 and h6 headline tags.

# This is an <h1> tag
## This is an <h2> tag
...
###### This is an <h6> tag

Emphasis

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_

Lists

Numbered lists:

1. One
2. Two
3. Three

Bullet points:

* Start a point with a star
* Point two
* The final point - Dashes work too - And if you have sub points, put two spaces before the dash or star: - Like this - And this

Horizontal Lines

Three asterisk will create a horizontal line.
***

Did this answer your question?

0 out of 0 found this helpful

Still stuck?

Send the details to our support engineers.

Submit a request