summaryrefslogtreecommitdiff
path: root/macros/latex/contrib/media4svg/example/beamer-example.tex
diff options
context:
space:
mode:
Diffstat (limited to 'macros/latex/contrib/media4svg/example/beamer-example.tex')
-rw-r--r--macros/latex/contrib/media4svg/example/beamer-example.tex26
1 files changed, 20 insertions, 6 deletions
diff --git a/macros/latex/contrib/media4svg/example/beamer-example.tex b/macros/latex/contrib/media4svg/example/beamer-example.tex
index b376c17f0a..f5654af427 100644
--- a/macros/latex/contrib/media4svg/example/beamer-example.tex
+++ b/macros/latex/contrib/media4svg/example/beamer-example.tex
@@ -9,6 +9,7 @@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% PageDown, PageUp key event handling; navigation symbols <--, -->
+% mouse cursor autohide on idle
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\usepackage[totpages]{zref}
\usepackage{atbegshi}
@@ -20,15 +21,27 @@
\AtBeginShipout{%
\AtBeginShipoutAddToBox{%
\special{dvisvgm:raw
+ <style>svg{cursor: none}</style>%
<defs>%
<script type="text/javascript">%
<![CDATA[%
+ var svgRoot=document.getElementsByTagName('svg')[0];%
+ var cursorTimer;%
+ document.addEventListener('mousemove', function(e){%
+ e.preventDefault();e.stopPropagation();%
+ svgRoot.style.cursor='initial';%
+ if(e.target!=svgRoot){%
+ e.target.style.cursor='inherit';%
+ }%
+ try{clearTimeout(cursorTimer);}catch(err){};%
+ cursorTimer=setTimeout(function(){e.target.style.cursor='none';},3000);%
+ });%
document.addEventListener('keydown',function(e){%
- if(e.key=='PageDown'){%
+ if(e.key=='PageDown'||e.key=='ArrowDown'||e.key=='ArrowRight'){%
\ifnum\thepage<\ztotpages
document.location.replace('\jobname-\the\numexpr\thepage+1\relax.svg');%
\fi%
- }else if(e.key=='PageUp'){%
+ }else if(e.key=='PageUp'||e.key=='ArrowUp'||e.key=='ArrowLeft'){%
\ifnum\thepage>1
document.location.replace('\jobname-\the\numexpr\thepage-1\relax.svg');%
\fi%
@@ -88,7 +101,8 @@ To build this presentation from the source, run:\vspace{-2ex}
\begin{verbatim}
dvilualatex beamer-example
dvilualatex beamer-example
-dvisvgm --bbox=papersize --font-format=woff2 --zoom=-1 --page=- beamer-example
+dvisvgm --bbox=papersize --font-format=woff2 --zoom=-1 --page=- --output=%f-%0p.svg \
+ beamer-example
\end{verbatim}
\end{frame}
@@ -105,11 +119,11 @@ dvisvgm --bbox=papersize --font-format=woff2 --zoom=-1 --page=- beamer-example
\begin{frame}[fragile]{Remote video}
Video streamed from URL
\begin{verbatim}
-\includemedia[width=24em,height=13.5em,url]{}{
- https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm}
+\includemedia[width=24em,height=13.5em,url]{}{%
+https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm}
\end{verbatim}
\begin{center}
- \includemedia[width=24em,height=13.5em,url]{}{https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm}
+ \includemedia[width=24em,height=13.5em,url]{}{https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm}
\end{center}
\end{frame}