const annotations1 = [
    {
        text: "Fréquence d'images vidéo",
        textX: 260,
        textY: 20,
        arrowStart: { x: 264, y: 48 },
        arrowEnd: { x: 220, y: 108 }
    },
    {
        text: "Nom de la caméra",
        textX: 20,
        textY: 80,
        arrowStart: { x: 138, y: 104 },
        arrowEnd: { x: 160, y: 112 }
    },
    {
        text: "Audio - cliquer pour écouter",
        textX: 660,
        textY: 140,
        arrowStart: { x: 666, y: 148 },
        arrowEnd: { x: 640, y: 116 }
    },
    {
        text: "Contrôle caméra - cliquer pour ouvrir",
        textX: 660,
        textY: 40,
        arrowStart: { x: 666, y: 86 },
        arrowEnd: { x: 634, y: 89 }
    },
    {
        text: "Clic droit (ctrl-clic) pour plus d'options y compris la capture d'image",
        textX: 660,
        textY: 260,
        arrowStart: { x: 666, y: 267 },
        arrowEnd: { x: 620, y: 267 }
    },
    {
        text: "Maintenir Commande, défiler haut/bas pour zoomer/dézoomer",
        textX: 20,
        textY: 170,
        arrowStart: { x: 138, y: 178 },
        arrowEnd: { x: 180, y: 178 }
    },
    {
        text: "Maintenir Commande, défiler gauche : Lecture instantanée",
        textX: 20,
        textY: 310,
        arrowStart: { x: 138, y: 318 },
        arrowEnd: { x: 180, y: 318 }
    }
];

const annotations2 = [
    {
        text: "L'indicateur jaune montre la position actuelle de la relecture",
        textX: 20,
        textY: 65,
        arrowStart: { x: 138, y: 73 },
        arrowEnd: { x: 180, y: 73 }
    },
    {
        text: "Terminer la session de relecture",
        textX: 660,
        textY: 65,
        arrowStart: { x: 666, y: 73 },
        arrowEnd: { x: 640, y: 73 }
    }
];