javascript - マウスを離すとアニメーション JS を逆再生します。

Question

うまく機能するコードがあります。私が気に入らないのは、マウスを離すとアニメーションが急激に停止することです。それはよくありません。私はいくつかのアイデアを得ました：

1. その「停止」をよりスムーズでユーザーフレンドリーにするにはどうすればよいですか?

2. マウスリーブ後に「リバースプレイ」を行うにはどうすればよいですか? (マウスを離した後、ブレークダウン ポイントから逆方向のアニメーションを再生)

   animContainer = document.getElementById('bodymovin');
   
   var params = {
       container: animContainer,
       renderer: 'svg',
       loop: true,
       autoplay: true,
       autoplay:false,
       autoloadSegments: false,
       path: 'data.json'
   
   };
   
   var anim;
   
       anim = bodymovin.loadAnimation(params);
       animContainer.addEventListener("mouseenter", myScript1);
       animContainer.addEventListener("mouseleave", myScript2);
   
   function myScript1(){
   
       anim.play();
   }
   
   function myScript2(){
   
       anim.stop();
   }