How to place several animations in the same beamer frame?

Two animations in one frame. Buttons used for simultaneous playback control. The JavaScript interface of animate is used for defining the button actions.

Animations can be played back individually by clicking them directly.

enter image description here

\documentclass{beamer}
\usepackage{animate}
\usepackage{media9} %\mediabutton
\usepackage{fontawesome}

\begin{document}

\begin{frame}[t]{Two animations}
\animategraphics[label=anim1,width=\linewidth]{12}{para1}{}{}\\[1ex]
\animategraphics[label=anim2,width=\linewidth]{12}{para4}{}{}

\mediabutton[
  jsaction={anim.anim1.stopFirst();anim.anim2.stopFirst();}
]{\fbox{\faStop}}
\mediabutton[
  jsaction={anim.anim1.pause();anim.anim2.pause();}
]{\fbox{\faPause}}
\mediabutton[
  jsaction={anim.anim1.playFwd();anim.anim2.playFwd();}
]{\fbox{\faPlay}}
\end{frame}

\end{document}

I must have been tired (the heat wave?) because it's quite possible to insert two animations created with the \animategraphics command from the animate package this way:

\documentclass[aspectratio=1610]{beamer} % Présentation générale et mise en page
\usepackage{animate}

\begin{document}
\begin{frame}{Aire du parallélogramme}
\animategraphics[]{24}{para1image}{}{}

\animategraphics[]{24}{para4image}{}{}
\end{frame}
\end{document}

I thank marmot and AlexG for the new tracks proposed which will allow me to conceive even prettier animations.