@d-healey you are right that did the trick :) next step would be the lottie, but i guess its not possible to include it like a svg in laf. Maybe its possible tho to get the coordinates of the ruler and display a panel there with the lottie on it. i managed to make a mockup in hise how i can imagine it.
If anyone else has an idea how it will work to update the panels position to the laf playback ruler let me know. David and me tried our best ^^
HiseSnippet 6060.3oc05ksirikccY1UkBccc2vsrZAX3mRTv13VHJQwofjgaHnhyCAYDL3PPFQ0ED377PPxfSBBPvO6G7S9KveD9Q+I3OE8GXyHy6Pd69VktU4RVxARfjbuOCq09rO6y9vyQsoxKnssp4t6+Bio5f6t+W8f9TYWLcrSR4chL2c+qdXvoOHrpo3NpoZm11.+6t+9Oi+l96+hO+tm98O7WS4j6T5E7dQ2c2wpDu.4jhjt2KU8a1ljmy43GXjT7hRi9MhdUkzU4UWWvxm8.3c0NdYNQA6btUrewC2c+eBqeRWUidmSWP6c2+4TU9S5wUCkOW9iIsIt4A2dA5N8kF5YwbU492P7Mo2QGmj6q9VN2d2c2+f56s.e1yVfe6CJI9IuS96sD+lmT736qwKsG2+K9gfGzKgG3GEdfeL384u.de9yv6O8Aculj5t2q4F19W8fXYWPSnyxPvKg0yk8tew+i+cOPWsThxNfBmr.tlkWdWMdMJL3W+HLL3W86d0xnPa2ixjbO9W8HaYTRY.fWSvBm3yqbcxet8jqpxHK84BBxe8RcdSkxq55RBVp2WhrYMLPoA1VBZIpDV.frFdf5VN08xTB6orAnU4PznSST7Vcvj1RVbpElTqnJUWTLsN8D2lc.b.PtLFZ.Vzpf.pPlzlgCL5BGHkDy3S6IMQBY4.1OEdQ3PWHBebYX5vgjs0pwh4g.YoijRGUI41OCPxRIDRx.H3ZntyEcVHtjjQJqjw.fAzuNhRach3YWfARNM6Cz65TSjb6IMJOQdXxSN4ZXXwlRCRRRQ5Q1z08n6RSaPzLyY1fQ2JtU.8fkRirdUC2VR3pYpQOzsXMQRBWp2raN8TdLbinlsC6fNbvUzc0dSUg80g1R6jxS7HOTctolZLVtF8n7kg.wQFz8yvdPsjdFpyCtZQQzx6jDTbSg21K2RsVfBUgkmMUto+.YE4zbTcHy9v3jsF1HHw723ZYsALsRLRAooDIqwdJCJIjx9dRl3kJgJI6ZSJGGxvyxTeSpJvv.aSYDqqcbBkFs3RYGXsmQh25hfPQNoTWuluQFTtQdRd7XrXViYWQybRazEz.zq6GsO4LdQ1QNF8T.1FLgikl0GZTqKuL2z4bH.shXek9Eh7IW+z0TwGKHlkOUrQrcOQvpYLYQu50kUXlsNnoVJ3qubMISs1jskR4bsh3remYhcT9YFEWvJMsY1SXW1KVakIctovY2UIgJSZuiWGVIgsO+z47lNT7Vc3oNG6LPiyjUZ0gxn6.ASc2lrRNIbN27TAWytobBKRRcBXOvF1TvrJmtNjvpAbNLSyVgyabAOu+XO.kh3AVsPpsTJKdbd5Q8p7c7ovTdVVtU3qiwpL7k1err8DX9ImzIvl8inGQ22vYVIKlIEvccbGHb9ppJmnKGVUFbgKe0wSmWkyZx1stxqb+ksBVGgNe9HMrVAFW873TqhxIkfs5ljQ0KFNXObX6cEX6ypKhrpRaOtN28R6HpVME04xL2REKpZvcGOMYTyUXrI4z7obgKrLDRBq2A5IVU0FhXoWMYlQrqle1LSbs+ljLoNlL2Kl5na4W2khA44ITH5qO1wbY7BXnEIJTanMiByQUs1vvcjvoiAMmQJQZrOQCac8HlSw1ATkDtpgswvJmNQBLV1PQyuKj5HyvhuGBmamnZWnMHDAx.NNgNuS5tfhEdBwlZ4PVcrsutWoUeayL0kkYFgtX6B1Oe7RXSdEFgJMuCV7JzcWNpt3.5YUfIctXGTkt+Z3FNofip9jhsE57SzdmTf5.QOxOYuwgMcV9npbFbaRVF+D1Dpi.NTPE50CDRfiAIqyr2fw0kmspK5hmSqyZu8Cs0xGvZNAejKF6fXrPGuYVPFpRZuzjiPjYNr5HjXlsF5vngYpB5Z9rZKOkw0mSMsNyYuFDZtSqVLPeiT0Q+Qj50hNolDiqohjhW2CKavWKSB.jFBHHilZCPwvHiGQkJ1dQFBPmbeZDIkGWps5hFIgvPV.xPRfPF..fP.tkRu7.mFCm.CfqAHuZRb2n4lFhU9r4Ss5m2B2msQCKUNmMc337wy7DGpzcY1W5MjnGVyQCEeX13L05rfzZdCFKIWkcJXlBMC61KvfW00iHRdJcNzfAJMzNUoSobTjLWmKYuHRGPbvTKQRp3Tvl1S.R6ZoBBNNscZ9L3Z0YkQdCJaCrlhiaSgEGGU3.pKrf8ZrqSgNq5NVZ4Py033yPSe8fvJJo8cRtTBM1jcinhWEf.7ioxq3D3KyRyCS6mi7LEU6SxOR5LDSaaFBMUMu4.QdblDp+PNjZAsPJYyN4UvqCIKv5EJWFNBXUlghvOodzIaGRzgQJ+7AoklspVOSXbnCMp6jzg0HGR5EpqFttBhYeGdsYDReq0lVdFI58LPtGrUAOZ1huWKr5LZR2FNXxIpRElz.O4gyoxWt.HV.jSUmCneMa.eErMeu2Af8CNl7F.d3PZy600mFNhKWoLoEZOjmOGOrNpowOHZKAtY3THleu5YfYQQP.Ec5dOObPLnfFwcgc5zrHRFkqDXjxqI03vQ6LBph3Z32zyv2DObFgaaoENZtEkRcFI7lU3vW.WxLoQGqvKsSdGeqFqAE1UgPoBpcCtEADqJtTEIotoJz+njQdspnRmtbn8ASw9y6V0IK4BxJxty24X9d0dgN5tw0RpQGOAF4qdz1.I8TTQV2LEFljQWBqRe.Hpogf4Ivs.Ppa2V3SuR9BlwhewLPjPMq53nY9AJQIMLygX7tk0TgAbh2EA0CjBPjyDSz6RFOZbvlmvulp1kS3jcRsgVgnRucuqWGDDBzF5zhLYtwtvhxItTYW8ldZBbvi8Ywxvnsz3UQ6CRm1egTFcKvoJbvZmM91XHmDFfq.R0.2m4UuWaDbjDZxXGSSqRuoXcWksfLwUgK61DYEfHxjO.TYZlTtVmgIWjLhya8dypM.XnqzpgItr95FV.NtNuHdlUaaWeHo.ToRllTe0.KYQ7gsyRp4Icm77nmtZGYA5YhTMRtqheGp8EYdDGMeZ7yxa2q5tkSeXmJrVbu.dvPE9dlypkcpaNgRPDJTt4rIwj.oBgyAQLQz3vU1dZHcocAWTibsmoKQz1B3ScjRqzpaE7ByKGlgwmhhACUXSwWqmHLSbRkFNGUBbYVzgSVkdUJG1IkpnNLozUb0GRjqEg6XMFzV5AcZWjp0QNHxIv9rvb9WOcIh1rGINqTrS+LIi9dZQdUt3MxqzbTttz1W5OWoFUA3dvfFa2LFe047nDUu3xVYbu1jnj.lwvqhPWyQwbSn.zxxhBNCUD0UmrFPA2XX.sQU1izTN4X5b+FQ7VhVagPGJXP+P8CvzkLjWVRiBLq3bbWCI7UsxEmdUlczm5IZa3DjiXQHNtcwqPcEVnLyFXhJrMNfWhyjUxY.fr6oLIPgwB03LzDCopuTFDKsP.YXAWoQGeWM7UHdk7vRcHtpBBS5H1Phrm7b8y0KHhL.IcpT2Vblv0WLvavSmbls0KpaScDddxQ8ocMJncVY9LEzlDI.r78EcHMxbRDsrbgN0nI5H5klzm4w0Z2YyHfjMiCQFoIUWZAYhrOrNUmhfkBSipCEC1+J2V4Sb686BRMIAwYW2uyCSWH4f1VOIQQd7HghU3o1rqhQ.L8kC1.UI6Y3m4edEgUYzE5YTuc1SUnU.LBQIY5CnqH4wEETWxDFNAJLHGicKoLk19vvXlsCWcEuzCZFzWJky1LEB64ccrgVcCzxvrU5kPpUF3bLtbIYKQFXD0lXbamAQNehkTBwpsg1eOvHFy.5kLXC.BniJlWUxBVhrNKlc5rz4NkHMzMm1SnvB1QSGZ1v22NCOIqHRlXSfuR2zpoOwnsSL8HWdnpvk4CVgEFgmUlTrMTjwBLNIhbtZVWSDuF.yx2QOx6hUm1YerNsKNIPoVBzCrQ1YmnLVBebpD5xFBoTXoiJTT6hHxq0rt5rE1M.95nrBeLbN+UPmIvnyWtrRoNXGZQXSCmVzfpsXvItAKLPldec41AEmMLMVELTSWItdY01qwMXIILVrgJ64q1s6RN2RFpqKKcvlOEe3PpbJh.QEn0rsAEiWEOeqL2dLXOSYWeVBZpZiMAsXUqjvCwIsD3BzbpfbDlH7OUOBMH3ZyxNiTUIeM+njnoIdfE6jIP0LxPgjpUZJ6orp7QYLY6LLJRKVqxVGYjqnzyKwhSwNVXVpENzDaEOfLJbnQlgWc+JpQMDcMjsMKtMqxx6isoHIOZuM.ik1fnQjQ5pBJ+4U56kHJRZUoils65A1sT7fs7VDdSGfvOKt8nRsayrGtQvHgxXUJs6FRMcOqnFpDLg9qH6cAS725gBjnmGboIGhj7ZaQVzlgqasfN2eJdSXf0FyP8A1vwxqT0XF5v8SQl.yBpa1dzMhZk9TRm.zDX+ABubHa43MMtsjI6JC6aAksiPaFSJkTQ.kccf1TUiA2ZRxLGrdK.kgrjXebFsRuBV35nvlBU7BxSafBQOasBYDRYdbmJKRlYRLQj7YMfwJflx7PsMM8E9TiSm.YC6VB3BweVnDHBKWd+xFn.PYo.G1prIjwX8jFKm.HsjiFB5tMVIUQtrUMkjbGSyhG2RuuJDWWEvX+tFO5hy5DV..K9q3P6LN6NQkr2BlHgXmkEHcnig17pzKWjk1LBtScBkZ8Izj1vDZ.pRRhrDtlgCCrDjaOXxe.YjiEXk0N0yo0FFX1IXaKiuhlLsMhCKk..xhWxqayXT6XMK9n8woh1oxsqNGGeN2FRZqR+liWohrRKn2GGQD2i.XqlMNEefITMI2ZVFeUZStb67EYrjrRb+bBDwrbdIxIfLAOOzDjCnt7ZTB6Q14kMcPEEXPfS8.Ge3hiuZU77ZKmKWOMKroOVPsAyKkNFQOnZ0P6UVLCSdEsALda7qDrdkpSwZdan3R2k5WGy04PXhn4gaQ0zFIgLBDVtAbYowJWCETp3oLj8HWYSOaydrzwi1KHZcN.mGDH35AKTW.t3LUekgHFhShNTBVF0IhaURXWaodIpUXw2cSVwEQPxchwaVMft+.XXiOEPoK4RLNoSVm.URQX7OQ.ownUndT+3p.kZox0KI6FpBCjUAoUaSOPxxBEMfMjDTqqsKfRQcjKY0grd0AizbETfoKtj.aNiZex11LtiNPp8BaxY4UXcdbUPBaXOyJCfLe3LhQkRh0YD60N7quDiQXi6H.0WLmr657UaLII0TC.LRV+0IdE5KjwTMTuWf5bmkZLYOikniQUI.FeT3Po25Nb6Hippt5AuRsrks5CbUmWklZu1ApkMXvFnipkiPxtg.j.7RkEQWUe6oUtQKSVsOpQZvqsxRoCccTLqbDvDXhXIWcIwvIUWOncMG4gsD7bcoIm4bOkNDXc9bd5LBkkDnvo406DEpUmVk4d7zQWgvTHPUPbfApR.gKpLqLUcjcKQUnJopEkc6tdFe0E.284yPKKBt6PdfEyUMn05pZpH39aNga0qik3sArv3rks1ZwflV89VoyW2gbjvj1kk6PnbUkzvFLrkzW7HOnkiaOLVLAEAGkpzyYDYQEuKveslAo0R3NWdyc3brZC8Wxsqc3y6.v1dwBn0nLBRZmykoyCfGQZGOXMoChZvUipiNXhS1m5kXYvF01dviedmT40C5gV31Nc6Ss4pE8I32peIT0ZKrPdDXB8QD.h0ST6KnLvYL5hDwBj3HcsuH3OdYUx9cK6TRmuaq50vM7h37QtRyZSynTALlCNKyvHIH1iXi3IraChJgUnsYp1AFRqBxQ.ncz6kPR7515RA4MOoXMHVivyhfWYvEOdfzmxMPTIvKBVRITKITrQ+PX5HLuStZHN.J1d.uZfMNX5oGbVMA6HiKe5BMLwZ7CsWWbD.6Nenu2u8DOV514kTYMyGxPwu3x.wvcA0WUBd3vQMmxwyBG4.VCMGCsmq4L2w7oxj8PQH0g8G1HRZy1eFALxtNiIv0EM.57giqwLTf6nO22IvWznTYaqzSuMdxq.Hf5TbHcZpNXX19IHKQPO01EpA7k+tWs76u7ujrLovoKop7QUmxf7129QL6cZdVB7i+UO91OYZTPGcUQcU4xKu9KeV8W9U+tW87S.sAcuq4d8yeEzWnryoo61G6t40H29.qunROIk1IO20wK60gWK8dpE9pW829pu3FN5Wfvq6hSZuAfiN4WCd8W83pGg9pG+O7HN5u6UewS5Zeqt9u5EhdGfV1Mcwy5d0e26+VsuilH+vzD4czD4GhlHeOzD4e1n4xPL80llEl7nZtyzst9Q0p1jakcQqLIGPSPTRaWPC2aQzW523LXDesvszIIW6ZdPyW90O9N.G80OV4lt.6Ge0Wrz5K1wp7.f5ljEqUWysui9M02PWzMn87gY7ZvQLPtm9sn4wke2n73BkWJLv3agzyph.tg.4jxfWO90Ot7G3ScIfSSfy2h7ce8iv.OYauU12xyOIp3TFE7Qoxyi.NuAN25mk17Cv+y+qEvorK4x0fg3jtfm43stPq5ZoefuVfW2RejG75u04aA+tkQO3u9QmuE51SPOd6Q3u6w+hGQt8DxsmfWHCzsCc3MCXOynOEtrj5X22CU9Xv9E3cQIW0MO68iSQAkKMBzy1y2vEx7jnx.+acvsQRftkG95G+Vja3b8W+H9x+fVuf6urIIJt61DimGA9D.spSW7GAzO929NOhObH3Yzx233mr3Aykjm+5uEbj.DGClki6lUD76d1.u3iLxwcSJ6lmsyOai+tm4U3RUu04OQn5kGduC06mpr76sH6wpxcUcA6eyzyW828pG+CUEF9Q0cKHRSU9xblOp5mCM7CTwWWtXqBZ95Eqwxr72Uv6t+y+vCV6gu+CV6km6m2ywzdQAqJEKS51WGT98cZf28l.g2c282+FTc28+IcOcra+4u4X2Hu5mTY81SDMw+1wB9Axft6IB7xCB02oy4t6+O9.8+oeuY6RxG+dp.mN2lpeOSPaVWU8u+x0kniAv.CN820batp9snoKb89aU+IIrk92dW85u9t6LEYt0huAkK.dgD0AMKwiWrO2yDzm3E77gE9EO7ltXwL9tP62c+qdlS+52dTh2BU+DW9kO7zyP2M9R7O89WX9lgD+t3aP4+9B3hCtMU31a+WVTtLSq3sGg6u5ATXbBnMfK4H9BEv+AZbqZ7CZzSlegA627MOKUaw6+Z66ki7M28BN7u9G83xK3z+9u4EbR78b5+5GvowEk0u0+Pz+1QC+TS93Rxh0OsrRPCzcsNE04AhKgAGe106VbiOzL.irFYCz2u8wM5she0CPX333vPq+iMZaP2fgCu4kZP9CZnp5kcN8lCYtcw0+1RIsu0c+81te4+Hi+vuvV82e7E1p+9Cu2V8e6tWZq9s+zF++wfJj+HT8v8+mWd9mYD8Gej6+pGLVlC1VWsL48oSa+W+BAPev4s+N4jEKqL9hK9.w+y+vaHvm8oEH6iDl5GIBg+W7HD4eIfveyCJU9Wyc59v67wsK5xaTrrd0G.zaWfhxk72ld4Eg4GADA+YAh+oOnlz4E+ww3u3ifwkEN9mBL9lqOyu9A1vvkzAeO.+7G3r+AuqL+rz8+Yus6eJD8sHzuwQ6iFz96+pL8+5S8pLU+IeUlzmJ8VFddYK9MOMls3o6kkTF8R+mavjszYg+9uDAZUUc2R+5kxzeZkmmxUXo4+fRGzujmwKag+g+5krHeyso5SLSjhalkmSAovY7sYejufuOH8j7m.76xN49O6S9hP8i3dZ84+yv8z5SGd++AQSt+d0+n652u4A8jadPrk8A4KyWdBi+aVRYLz4Zd2ak9gSVTpJqpiqJS79P+stkMEEEz7Rr+QIDYW2hO+6k7a+Fsf7.m1fWlb1szVbZ9voL+nrEPe51henwq+sO7Lbe71L7G++lwsezWGPn+oZEgO6SZEge1w6O8UG94AJZUW6Vhzp3r3ndKV1tqE5KAn8BVPR4sO.3s3W+ha6A742Aea3M8fR+md4+8xu2nD5162+FkPuU4+OoOJb7Zp9a7dd2o27k+kOIYg2kOEa+KdP416O9tsg9vCf.fKwx8S9a77tYt+Kft6tOdcf+ITGjeB0A8mPcV+SnNX+DpC9Og5P7CVmaKFQdsq54uS4x.phJ6S6e+96e2572+Y28+AfvPnpN