Where to start creating complex spline animation in svg? What are the programs for this?

Question

JavaScript

I can draw in illustrator and animate in after effects.
I am also good at JS.
A person walks in the animation and text runs along its contour.
There is a task to programmatically make animation dependent on audio track analysis events.
For the most part I'm interested in anchoring text to an animated svg path outline and animating the text itself in js.
Questions:
Never done this, are there any pitfalls?
Which approach is better? Illustrator -> JS and manual spline animation or Illustrator -> AE -> JS? When I tested the second approach, bodymovin gives me something that doesn't look like svg
. Are there any other animation programs that can help me?
Here is the exit from AE via bodymovin and it's not quite svg anymore...

{"v":"5.5.9","fr":29.9700012207031,
  "ip":0,"op":900.000036657751,
  "w":1920,
  "h":1080,
  "nm":"Композиция 1",
  "ddd":0,
  "assets":[],
  "layers":[{
    "ddd":0,"ind":1,"ty":4,"nm":"Слой-фигура 1",
    "sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},
    "r":{"a":0,"k":0,"ix":10},
    "p":{"a":0,"k":[960,540,0],"ix":2},
    "a":{"a":0,"k":[0,0,0],"ix":1},
    "s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,
    "shapes":[{
      "ty":"gr",
      "it":[{
        "ind":0,
        "ty":"sh",
        "ix":1,
        "ks":{
          "a":0,
          "k":{"i":,
          "o":,
          "v":,"c":false},
          "ix":2
        },
      "nm":"Контур 1",
      "mn":"ADBE Vector Shape - Group",
      "hd":false
    },{
      "ty":"st",
      "c":{"a":0,"k":[1,1,1,1],"ix":3},
      "o":{"a":0,"k":100,"ix":4},
      "w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Обводка 1","mn":"ADBE Vector Graphic - Stroke","hd":false},
      {"ty":"tr","p":{"a":0,"k":[0,0],
      "ix":2},"a":{"a":0,"k":[0,0],"ix":1},
      "s":{"a":0,"k":[100,100],"ix":3},
      "r":{"a":0,"k":0,"ix":6},
      "o":{"a":0,"k":100,"ix":7},
      "sk":{"a":0,"k":0,"ix":4},
      "sa":{"a":0,"k":0,"ix":5},"nm":"Преобразовать"}],
      "nm":"Фигура 1",
      "np":3,"cix":2,"bm":0,"ix":1,
      "mn":"ADBE Vector Group","hd":false}],
      "ip":0,"op":900.000036657751,
      "st":0,"bm":0}],"markers":[]}