summaryrefslogtreecommitdiff
path: root/macros/latex/contrib/media4svg/example/beamer-example.tex
diff options
context:
space:
mode:
authorNorbert Preining <norbert@preining.info>2020-04-10 03:06:35 +0000
committerNorbert Preining <norbert@preining.info>2020-04-10 03:06:35 +0000
commit25111608e6aa05042b0c6f83009262e1973d7a45 (patch)
tree4e47675c9f816298a780508cf0b31db2f84bd5fd /macros/latex/contrib/media4svg/example/beamer-example.tex
parent122d129e46fd990f791aeb4ff07eaa1b35b9af0d (diff)
CTAN sync 202004100306
Diffstat (limited to 'macros/latex/contrib/media4svg/example/beamer-example.tex')
-rw-r--r--macros/latex/contrib/media4svg/example/beamer-example.tex148
1 files changed, 148 insertions, 0 deletions
diff --git a/macros/latex/contrib/media4svg/example/beamer-example.tex b/macros/latex/contrib/media4svg/example/beamer-example.tex
new file mode 100644
index 0000000000..f99a1ce7f9
--- /dev/null
+++ b/macros/latex/contrib/media4svg/example/beamer-example.tex
@@ -0,0 +1,148 @@
+\documentclass[dvisvgm,hypertex,aspectratio=169]{beamer}
+\usepackage[british]{babel}
+
+\usefonttheme{serif}
+\usepackage[T1]{fontenc}
+
+\usepackage{media4svg}
+\usepackage{menukeys,siunitx,calc}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+% PageDown, PageUp key event handling; navigation symbols <--, -->
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\usepackage[totpages]{zref}
+\usepackage{atbegshi}
+\usepackage{tikz}
+\usepgflibrary{arrows.meta}
+\setbeamertemplate{navigation symbols}{}
+\def\navBtnSize{9pt}
+\def\navBtnLnWd{1.6pt}
+\AtBeginShipout{%
+ \AtBeginShipoutAddToBox{%
+ \special{dvisvgm:raw
+ <defs>%
+ <script type="text/javascript">%
+ <![CDATA[%
+ document.addEventListener('keydown',function(e){%
+ if(e.key=='PageDown'){%
+ \ifnum\thepage<\ztotpages
+ document.location.replace('\jobname-\the\numexpr\thepage+1\relax.svg');%
+ \fi%
+ }else if(e.key=='PageUp'){%
+ \ifnum\thepage>1
+ document.location.replace('\jobname-\the\numexpr\thepage-1\relax.svg');%
+ \fi%
+ }%
+ });%
+ ]]>%
+ </script>%
+ </defs>%
+ }%
+ }%
+ \AtBeginShipoutUpperLeftForeground{%
+ \raisebox{-\dimexpr\height+0.5ex\relax}[0pt][0pt]{\makebox[\paperwidth][r]{%
+ \color{structure!40!}%
+ \ifnum\thepage>1%
+ \href{\jobname-\the\numexpr\thepage-1\relax.svg}{%
+ \tikz{
+ \filldraw[black!0!] (-1pt,-\dimexpr\navBtnSize/2+1pt\relax)
+ rectangle (\dimexpr\navBtnSize+1pt\relax,\dimexpr\navBtnSize/2+1pt\relax);
+ \draw[{Straight Barb[round]}-,line width=\navBtnLnWd] (-1pt,0)--(\navBtnSize,0);}}%
+ \else%
+ \textcolor{lightgray}{\tikz{
+ \filldraw[black!0!] (-1pt,-\dimexpr\navBtnSize/2+1pt\relax)
+ rectangle (\dimexpr\navBtnSize+1pt\relax,\dimexpr\navBtnSize/2+1pt\relax);
+ \draw[{Straight Barb[round]}-,line width=\navBtnLnWd] (-1pt,0)--(\navBtnSize,0);}}%
+ \fi\hspace{0.5ex}%
+ \ifnum\thepage<\ztotpages%
+ \href{\jobname-\the\numexpr\thepage+1\relax.svg}{%
+ \tikz{
+ \filldraw[black!0!] (-1pt,-\dimexpr\navBtnSize/2+1pt\relax)
+ rectangle (\dimexpr\navBtnSize+1pt\relax,\dimexpr\navBtnSize/2+1pt\relax);
+ \draw[-{Straight Barb[round]},line width=\navBtnLnWd] (-1pt,0)--(\navBtnSize,0);}}%
+ \else%
+ \textcolor{lightgray}{\tikz{
+ \filldraw[black!0!] (-1pt,-\dimexpr\navBtnSize/2+1pt\relax)
+ rectangle (\dimexpr\navBtnSize+1pt\relax,\dimexpr\navBtnSize/2+1pt\relax);
+ \draw[-{Straight Barb[round]},line width=\navBtnLnWd] (-1pt,0)--(\navBtnSize,0);}}%
+ \fi%
+ \hspace{0.5ex}%
+ }}%
+ }%
+}%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+\title{Presentation example with embedded video}
+\subtitle{Use a Web browser and press \keys{F11}}
+\author{AlexG}
+\date{\today}
+
+\begin{document}
+\selectlanguage{british}
+
+\begin{frame}[fragile]
+\titlepage\scriptsize
+\makebox[0.3\linewidth]{\hrulefill}\\[1ex]
+Navigate with \keys{PageUp} \& \keys{PageDn}, toggle Full-Screen with \keys{F11}.\\[2ex]
+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
+\end{verbatim}
+\end{frame}
+
+\begin{frame}[fragile]{Video file}
+ Embedded local video file from package \emph{mwe}
+\begin{verbatim}
+\includemedia[width=24em,height=13.5em]{}{example-movie.mp4}
+\end{verbatim}
+ \begin{center}
+ \includemedia[width=24em,height=13.5em]{}{example-movie.mp4}
+ \end{center}
+\end{frame}
+
+\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}
+\end{verbatim}
+ \begin{center}
+ \includemedia[width=24em,height=13.5em,url]{}{https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm}
+ \end{center}
+\end{frame}
+
+\begin{frame}[fragile]{Player control}
+
+The standard player controls (option `\verb+controls+') take a lot of space of the media display. Therefore, it is not recommended to enable them. Nevertheless, interactivity is still provided through the left mouse button and through the keyboard as summarized in the table.
+
+Click on the media display to start playback. To pause playback, press the left mouse button on the media display. Release it to resume playback. To pause playback permanently, press the left mouse button on the media display and move the mouse out while keeping the button pressed.
+
+\begin{minipage}[t]{0.5\linewidth}
+ \rule{1ex}{0pt}\\
+ \begin{tabular}{ll}\hline
+ Command & Shortcut\\\hline
+ \rule{0pt}{2.4ex}Toggle Play/Pause & \keys{\SPACE}\\
+ Increase volume & \keys{\arrowkeyup}\\
+ Decrease volume & \keys{\arrowkeydown}\\
+ Unmute audio & \keys{Ctrl+\arrowkeyup}\\
+ Mute audio & \keys{Ctrl+\arrowkeydown}%\\\hline
+ \end{tabular}
+\end{minipage}%
+\begin{minipage}[t]{0.5\linewidth}
+ \rule{1ex}{0pt}\\
+ \begin{tabular}{ll}\hline
+ Command & Shortcut\\\hline
+ \rule{0pt}{2.4ex}Seek back \SI{1}{\percent} & \makebox[\widthof{\keys{\SPACE}}][l]{\keys{\arrowkeyleft}}\\
+ Seek forward \SI{1}{\percent} & \keys{\arrowkeyright}\\
+ Seek back \SI{10}{\percent} & \keys{\shift+\arrowkeyleft}\\
+ Seek forward \SI{10}{\percent} & \keys{\shift+\arrowkeyright}\\
+ Seek to beginning & \keys{Home}\\
+ Seek to end & \keys{End}%\\\hline
+ \end{tabular}
+\end{minipage}
+
+\end{frame}
+
+\end{document}