BeamerReveal
view release on metacpan or search on metacpan
beamer-reveal-example.html view on Meta::CPAN
data-transition="none"
data-background-transition="none"
>
<aside class="notes"> </aside>
</section>
<section class="slide"
data-menu-title="<span class='menu-slide'>• Placing videos</span>"
data-background-image="beamer-reveal-example_files/media/Slides/slide-12.jpg"
data-transition="none"
data-background-transition="none"
>
<aside class="notes"> </aside>
</section>
<section class="slide"
data-menu-title="<span class='menu-slide'>• Placing videos</span>"
data-background-image="beamer-reveal-example_files/media/Slides/slide-13.jpg"
data-transition="none"
data-background-transition="none"
>
<div class="absolute" style="left: 11.11%;
top: 20.00%;
width: 100%;
height: 100%;
">
<video src="beamer-reveal-example_files/media/Videos/407B753C-3335-11F1-B2C6-91AAC2313D1D.mp4" data-autoplay
style="width: 77.78%;
height: 70.00%;
object-fit: contain;
">
</video>
</div>
<aside class="notes"> </aside>
</section>
<section class="slide"
data-menu-title="<span class='menu-slide'>• Placing images (possibly animated)</span>"
data-background-image="beamer-reveal-example_files/media/Slides/slide-14.jpg"
data-transition="none"
data-background-transition="none"
>
<div class="absolute" style="left: 53.59%;
top: 13.18%;
width: 100%;
height: 100%;
">
<img src="beamer-reveal-example_files/media/Images/407B9D32-3335-11F1-9F11-DB14A26D6892.gif"
style="margin: 0;
display: block;
width: 33.00%;
height: 52.80%;
object-fit: contain;
">
</div>
<div class="absolute" style="left: -2.50%;
top: 20.00%;
width: 100%;
height: 100%;
">
<img src="beamer-reveal-example_files/media/Images/407BAFAC-3335-11F1-95E4-B579C4C17306.png"
style="margin: 0;
display: block;
width: 25.00%;
height: 40.00%;
object-fit: contain;
">
</div>
<div class="absolute" style="left: 85.00%;
top: 82.00%;
width: 100%;
height: 100%;
">
<img src="https://www.digmanwaves.net/About/Pictures/WalterDaems.jpg"
style="margin: 0;
display: block;
width: 10.00%;
height: 16.00%;
object-fit: contain;
">
</div>
<aside class="notes"> </aside>
</section>
<section class="slide"
data-menu-title="<span class='menu-slide'>• Placing iframe material (possibly animated)</span>"
data-background-image="beamer-reveal-example_files/media/Slides/slide-15.jpg"
data-transition="none"
data-background-transition="none"
>
<div class="absolute" style="left: 16.67%;
top: 30.00%;
width: 100%;
height: 100%;
">
<iframe id="embedded-id-5"
style="margin: 4pt;
display: block;
width: 66.67%;
height: 60.00%;
object-fit: cover;"></iframe>
<script type="module">
const encoded = `
PCFET0NUWVBFIGh0bWw+Cgo8IS0tIFVzZSB0aGUgZm9sbG93aW5nIGxpbmUgdG8gZW1iZWQgdGhp
cyBmaWxlIHdpdGhpbiBhbm90aGVyIHdlYiBwYWdlOgoKPGlmcmFtZSBzcmM9IlBDQi5odG1sIiB3
aWR0aD0iMzcwIiBoZWlnaHQ9IjIwNSIgZnJhbWVib3JkZXI9IjAiPjwvaWZyYW1lPgoKLS0+Cgo8
aHRtbCBsYW5nPSIiPgoKPGhlYWQ+Cjx0aXRsZT5QQ0I8L3RpdGxlPgoKPG1ldGEgaHR0cC1lcXVp
dj0iY29udGVudC10eXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7IGNoYXJzZXQ9dXRmLTgiLz4KPG1l
dGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9InVzZXItc2NhbGFibGU9bm8iLz4KPHN0eWxlPgpi
b2R5IHttYXJnaW46IDA7fQo8L3N0eWxlPgoKPHNjcmlwdApzcmM9Imh0dHBzOi8vdmVjdG9yZ3Jh
cGhpY3MuZ2l0aHViLmlvL2FzeW1wdG90ZS9iYXNlL3dlYmdsL2FzeWdsLTEuMDIuanMiPgo8L3Nj
cmlwdD4KCjxzY3JpcHQ+Cgpkb2N1bWVudC5hc3kuY2FudmFzV2lkdGg9MzcwOwpkb2N1bWVudC5h
c3kuY2FudmFzSGVpZ2h0PTIwNTsKCmRvY3VtZW50LmFzeS53ZWJnbDI9ZmFsc2U7CmRvY3VtZW50
LmFzeS5pYmw9ZmFsc2U7CmRvY3VtZW50LmFzeS5hYnNvbHV0ZT1mYWxzZTsKCmRvY3VtZW50LmFz
eS5taW5Cb3VuZD1bLTE1MC4wNTM2LC03MC43MzEzOCwtODA3LjE1NDldOwpkb2N1bWVudC5hc3ku
bWF4Qm91bmQ9WzE5MC4xMDkyLDExOS4wMjkxLC0yOTkuMTUzMl07CmRvY3VtZW50LmFzeS5vcnRo
b2dyYXBoaWM9ZmFsc2U7CmRvY3VtZW50LmFzeS5hbmdsZU9mVmlldz0wLjM2OTc4NDg7CmRvY3Vt
ZW50LmFzeS5pbml0aWFsWm9vbT0xOwpkb2N1bWVudC5hc3kudmlld3BvcnRNYXJnaW49WzAuNSww
LjVdOwoKZG9jdW1lbnQuYXN5Lnpvb21GYWN0b3I9MS4wNTsKZG9jdW1lbnQuYXN5Lnpvb21QaW5j
aEZhY3Rvcj0xMDsKZG9jdW1lbnQuYXN5Lnpvb21QaW5jaENhcD0xMDA7CmRvY3VtZW50LmFzeS56
b29tU3RlcD0wLjE7CmRvY3VtZW50LmFzeS5zaGlmdEhvbGREaXN0YW5jZT0yMDsKZG9jdW1lbnQu
( run in 0.613 second using v1.01-cache-2.11-cpan-df04353d9ac )