Demo of the <i-slide> Web component

<i-slide> is a Web component that allows embedding HTML and PDF slides inside a Web page.

It works with the Shower HTML slides engine.

<i-slide src='http://shower.github.io/shower/#2'></i-slide>

allows to embed the second slide of the referenced slideset:

It also works with the b6+ HTML slides engine.

<i-slide src='https://www.w3.org/Talks/Tools/b6plus/#3'></i-slide>

allows to embed the third slide of the referenced slideset:

It also works with the PDF slides.

<i-slide src='https://www.w3.org/2020/Talks/mlws/ba-media.pdf#page=5'></i-slide>

allows to embed the fifth slide of the referenced slideset:

When imported with a query string set to selector=a.islide, it replaces matching elements (here, a elements with a class set to islide) with an i-slide element.

<a href='https://www.w3.org/2020/Talks/mlws/ba-media.pdf#page=4'>slide 4</a>

will ultimately embed the fourth slide of the referenced slideset: