4. commander une animation
##########################

.. raw:: html

   <div style="max-width:256px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGklEQVQYlWM4c+bMf3TMgA0MBYWDzDkUKQQAlHCpV9ycHeMAAAAASUVORK5CYII=) repeat;margin-bottom:2em;" id="mon-animation"></div>
   <script src="../../_static/lottie.min.js" charset="utf-8"></script>
   <script type="text/javascript">
   var animation = bodymovin.loadAnimation({
     container: document.getElementById('mon-animation'),
     path: '../../_static/animations/temps.json',
     renderer: 'svg',
     loop: true,
     autoplay: false,
   });

   </script>

.. code-block:: javascript

   var animation = bodymovin.loadAnimation({
     container: document.getElementById('mon-animation'),
     path: 'animation.json',
     renderer: 'svg',
     loop: true,
     autoplay: false,
   });

Essayer différentes commandes
*****************************

Ouvrez la console du navigateur sur cette page afin d'essayer les différentes expressions suivantes :

.. list-table:: Commandes
   :header-rows: 1

   * - Expressions
     - Effet
   * - animation.totalFrames
     - Renvoie le nombre de frames de l'animation
   * - animation.isPaused
     - Renvoie si l'animation est en pause
   * - animation.currentFrame
     - indique l'image-clé actuelle
   * - animation.isPaused
     - indique si l'animation est en pause
   * - animation.loop
     - indique si l'animation est en boucle
   * - animation.play()
     - Joue l'animation
   * - animation.pause()
     - Met l'animation en pause
   * - animation.stop()
     - Arrête l'animation
   * - animation.playSegments( [ 50,150 ] )
     - joue l'animation. Lorsque l'animation a atteint la frame 150, retour à la frame 50 et boucle de la frame 50 à 150
   * - animation.playSegments( [ 50,150 ] , true )
     - saute directement à la frame 50 et joue en boucle de la frame 50 à 150
   * - animation.playSegments( [ [ 50,150 ], [ 151,200 ] ] )
     - joue l'animation, arrivé à la frame 200 joue en boucle de 151 à 200