<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:
PDF slides may also be embedded within the page through a data: URL and referenced through an `srcref` attribute.
<a id="slideset-data" href="data:application/pdf;base64,[base64 content]">PDF slides</a>
<i-slide srcref='slideset-data#page-1'></i-slide>allows to embed the first slide of the PDF slideset embedded in the <a> element with id `slideset-data`.
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: