% presentation.tex
% Author: Hussein Esmail
% Created: 2022 02 08
% Updated: 2022 02 16
% Description: [DESCRIPTION]

% =========================== Variables ===========================
\newcommand{\myAuthor}              {Hussein Esmail} % Author of this file
\newcommand{\mySubject}             {PDF Subject Here}  % Used for Metadata
\newcommand{\myKeywords}            {PDF Keywords Here} % Separated by comma
\newcommand{\myDateUpdated}			{February 16, 2022} % Date the YouTube video is posted
\newcommand{\myTitle}               {Using QLab with Streamyard}
% =========================== Variables ===========================

% =========================== Shortcuts ===========================
\newcommand{\comment}[1]{}                          % Multiline comments
\newcommand{\image}[1]{[\textbf{IMAGE MISSING #1}]} % #1 is the descriptor about the image
\newenvironment{itemize*}{\begin{itemize}\setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}{\end{itemize}}
\newenvironment{enumerate*}{\begin{enumerate}\setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}{\end{enumerate}}
% =========================== Shortcuts ===========================

\documentclass{beamer}
\title{\myTitle}
\author{\myAuthor}
\date{\myDateUpdated}

\usepackage{hyperref}   % Used for adding PDF metadata
\usepackage{graphicx}   % Used for displaying images
\usepackage{xcolor}
\usepackage{qrcode}		% Used to generate QR codes for URLs
\usepackage{tikz}		% Used to draw diagrams

\usepackage{caption} % Used to edit figure caption prefixes
\captionsetup[figure]{labelformat=simple} % Show figure number

\setbeamertemplate{itemize item}[circle]

\graphicspath{{./images/}}     % Import images that are in the images folder

\hypersetup{
    colorlinks=true,
	urlcolor=black,		% URL colors (\href{}{})
	linkcolor=black,	% TOC colors
    pdfborder={0 0 0},
    pdftitle={\myTitle},
    pdfauthor={\myAuthor},
    pdfsubject={\mySubject},
    pdfkeywords={\myKeywords}
}

\usetheme{Frankfurt}

\begin{document}        % Official beginning of the document.
\maketitle              % Make title page

\section{Introduction}
\begin{frame}
	\frametitle{Timestamps}
	\tableofcontents
\end{frame}

\begin{frame}
	\frametitle{Introduction}
	\begin{columns}
		\begin{column}{0.5\textwidth}
			\begin{itemize}
				\item To be used for Vanier College Productions but can be used
					elsewhere
				\item Intended to be on macOS devices for online performances
			\end{itemize}
		\end{column}
		\begin{column}{0.5\textwidth}
			\begin{center}
				\begin{figure}
					\includegraphics[width=0.5\textwidth]{VCP_logo}
				\end{figure}
				\begin{figure}
					\qrcode[hyperlink]{https://yorku.ca/laps/vcp/}
					\caption{\underline{\href{https://yorku.ca/laps/vcp/}{https://yorku.ca/laps/vcp/}}}
				\end{figure}
			\end{center}
		\end{column}
	\end{columns}
\end{frame}

\section{Applications}
% QLab
\begin{frame}
	\frametitle{Installation: QLab}
	\begin{figure}
		\centering
		\begin{minipage}{.5\textwidth}
			\centering
			\includegraphics[width=100px, height=101px]{icon-qlab}
		\end{minipage}%
		\begin{minipage}{.5\textwidth}
			\centering
			\qrcode[hyperlink]{https://qlab.app/download/}
		\end{minipage}
		\caption{\href{https://qlab.app/download/}{https://qlab.app/download/}}
	\end{figure}
\end{frame}

% Loopback
\begin{frame}
	\frametitle{Installation: Loopback}
	\begin{figure}
		\centering
		\begin{minipage}{.5\textwidth}
			\centering
			\includegraphics[width=100px, height=100px]{icon-loopback}
		\end{minipage}%
		\begin{minipage}{.5\textwidth}
			\centering
			\qrcode[hyperlink]{https://rogueamoeba.com/loopback/}
		\end{minipage}
		\caption{\href{https://rogueamoeba.com/loopback/}{https://rogueamoeba.com/loopback/}}
	\end{figure}
\end{frame}

\section{Setting Up QLab}
\begin{frame}
	\frametitle{Setting Up QLab}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{Q01}
		\caption{QLab After Installing}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - File Structure}
	\begin{figure}
		\centering
		\tikzset{every picture/.style={line width=0.75pt}}
		\begin{tikzpicture}[x=0.75pt,y=0.75pt,yscale=-1,xscale=1]
			\draw (274,90) -- (273,139.75) ; % Tree line 1
			\draw (273,110.75) -- (297.5,110.75) ; % Arrow line 1
			\draw [shift={(299.5,110.75)}, rotate = 180]
				[color={rgb, 255:red, 0; green, 0; blue, 0 }]
				[line width=0.75]
				(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
				controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29); % Arrow 1
			\draw (274,139.75) -- (298.5,139.75) ; % Arrow line 2
			\draw [shift={(300.5,139.75)}, rotate = 180]
				[color={rgb, 255:red, 0; green, 0; blue, 0}]
				[line width=0.75]
				(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
				controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29); % Arrow 2
			\draw (312,152.5) -- (312,202.25) ; % Tree line 2
			\draw (311,173.25) -- (335.5,173.25) ; % Arrow line 3
			\draw [shift={(337.5,173.25)}, rotate = 180]
				[color={rgb, 255:red, 0; green, 0; blue, 0}]
				[line width=0.75]
				(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
				controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29); % Arrow 3
			\draw (312,202.25) -- (336.5,202.25) ; % Arrow line 4
			\draw [shift={(338.5,202.25)}, rotate = 180]
				[color={rgb, 255:red, 0; green, 0; blue, 0}]
				[line width=0.75]
				(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
				controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29); % Arrow 4
			\draw (260,63) node [anchor=north west][inner sep=0.75pt]
				[align=left] {Show Folder/};
			\draw (300,102) node [anchor=north west][inner sep=0.75pt]
				[align=left] {Audio.qlab4};
			\draw (300,131.5) node [anchor=north west][inner sep=0.75pt]
				[align=left] {Source Files/};
			\draw (340,164.5) node [anchor=north west][inner sep=0.75pt]
				[align=left] {Source File 1.mp3};
			\draw (340,191.5) node [anchor=north west][inner sep=0.75pt]
				[align=left] {...};
		\end{tikzpicture}
		\caption{Recommended File Structure}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q02}
		\caption{A Blank QLab Workspace}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Adding Audio}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q03}
		\caption{Where to Drag Audio Files}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Audio Added}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q04}
		\caption{What QLab Looks Like With Audio}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Adding Notes}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q05}
		\caption{QLab Sounds After You Add Notes}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Looping Sounds}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q06}
		\caption{Sound $>$ Time \& Loops Tab $>$ Play Count}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Sound Outputs (1/2)}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q07}
		\caption{Sound $>$ Audio Levels Tab $>$ Audio Output Patch}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Sound Outputs (2/2)}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q08}
		\caption{Sound $>$ Audio Levels Tab $>$ Audio Output Patch}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Adding Stops}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q09}
		\caption{Adding a cue that stops a previous audio cue}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Auto-playing the Next Cue}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q10}
		\caption{Sound $>$ Basics Tab $>$ Continue}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up QLab - Delay Before/After a Cue}
	\begin{figure}
		\centering
		\includegraphics[width=0.8\textwidth]{Q11}
		\caption{Sound $>$ Basics Tab $>$ Pre/Post Wait}
	\end{figure}
\end{frame}

\section{Setting Up Loopback}
\begin{frame}
	\frametitle{Setting Up Loopback}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{L1}
		\caption{Loopback After Installing}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up Loopback}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{L2}
		\caption{Adding QLab and Microphone as Audio Sources}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up Loopback - Final Product}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{L3}
		\caption{What Loopback Looks Like When It's Ready}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Setting Up Loopback - Diagram of What's Happening With Audio Streams}
	\begin{figure}
		\centering
		\tikzset{every picture/.style={line width=0.75pt}}
		\begin{tikzpicture}[x=0.75pt,y=0.75pt,yscale=-1,xscale=1]
		\draw (91.67,10.33) -- (149,10.33) ; % QLab -> Loopback
		\draw [shift={(151,10.33)}, rotate = 180]
			[color={rgb, 255:red, 0; green, 0; blue, 0 }][line width=0.75]
			(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
			controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29);
		\draw (94.94,52.33) .. controls (124.61,51) and
			(92.89,9.67) .. (141.59,10.33) ;
		\draw (211.33,10.33) -- (252.56,10.97) ;
		\draw [shift={(254.56,11)}, rotate = 180.88]
			[color={rgb, 255:red, 0; green, 0; blue, 0 }][line width=0.75]
			(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
			controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29);
		\draw (211.33,10.33) .. controls (233.41,9.68) and (229.75,50.86) ..
			(253.76,50.14) ;
		\draw [shift={(255.67,50)}, rotate = 173.45]
			[color={rgb, 255:red, 0; green, 0; blue, 0 }][line width=0.75]
			(10.93,-3.29) .. controls (6.95,-1.4) and (3.31,-0.3) .. (0,0) ..
			controls (3.31,0.3) and (6.95,1.4) .. (10.93,3.29);
		\draw (58.67,3) node [anchor=north west][inner sep=0.75pt]
			[font=\footnotesize] [align=left] {QLab};
		\draw (154,2.67) node [anchor=north west][inner sep=0.75pt]
			[font=\footnotesize] [align=left] {Loopback};
		\draw (2.67,46) node [anchor=north west][inner sep=0.75pt]
			[align=left] {{\footnotesize Mac Microphone}};
		\draw (260,3) node [anchor=north west][inner sep=0.75pt]
			[font=\footnotesize] [align=left]
			{{\footnotesize Streamyard}\\{\footnotesize (Microphone Input)}};
		\draw (261.33,42) node [anchor=north west][inner sep=0.75pt]
			[font=\footnotesize] [align=left]
			{{\footnotesize Headphones }\\{\footnotesize (Monitor)}};
		\end{tikzpicture}
		\caption{What We Are Doing In Loopback}
	\end{figure}
\end{frame}

\section{Streamyard Setup}
\begin{frame}
	\frametitle{Streamyard Setup - Making a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S1}
		\caption{Creating a Test Broadcast (1/2)}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - Making a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S2}
		\caption{Creating a Test Broadcast (1/2) - Set tests as unlisted!}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - Joining a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S3}
		\caption{Having the Correct Microphone (1/3)}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - Joining a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S4}
		\caption{Having the Correct Microphone (2/3)}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - Joining a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S5}
		\caption{Having the Correct Microphone (3/3)}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - Joining a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S6}
		\caption{Adding Yourself To The Stream}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - Joining a Broadcast}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S7}
		\caption{Make Sure Your Camera Is Off}
	\end{figure}
\end{frame}

\begin{frame}
	\frametitle{Streamyard Setup - View The Broadcast On YouTube}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{S8}
		\caption{Logo in top-right corner $>$ View on YouTube}
	\end{figure}
\end{frame}

\section{Contact}
\begin{frame}
	\frametitle{Contact}
	\begin{figure}
		\centering
		\qrcode[hyperlink]{https://qlab.app/download/}
		\caption{\href{https://husseinesmail.xyz/contact/}{https://husseinesmail.xyz/contact/}}
	\end{figure}
\end{frame}

\comment{
\begin{frame}
	\begin{figure}
		\centering
		\includegraphics[width=0.9\textwidth]{}
		\caption{}
	\end{figure}
\end{frame}
}
\end{document}

