const annotations1 = [
    {
        text: "Video-Bildrate",
        textX: 260,
        textY: 20,
        arrowStart: { x: 264, y: 48 },
        arrowEnd: { x: 220, y: 108 }
    },
    {
        text: "Kameraname",
        textX: 20,
        textY: 80,
        arrowStart: { x: 138, y: 104 },
        arrowEnd: { x: 160, y: 112 }
    },
    {
        text: "Audio - klicken zum Anhören",
        textX: 660,
        textY: 140,
        arrowStart: { x: 666, y: 148 },
        arrowEnd: { x: 640, y: 116 }
    },
    {
        text: "Kamerasteuerung - klicken zum Öffnen",
        textX: 660,
        textY: 40,
        arrowStart: { x: 666, y: 86 },
        arrowEnd: { x: 634, y: 89 }
    },
    {
        text: "Rechtsklick (Strg-Klick) für weitere Optionen einschließlich Bilderfassung",
        textX: 660,
        textY: 260,
        arrowStart: { x: 666, y: 267 },
        arrowEnd: { x: 620, y: 267 }
    },
    {
        text: "Befehlstaste halten, hoch/runter scrollen für Zoom",
        textX: 20,
        textY: 170,
        arrowStart: { x: 138, y: 178 },
        arrowEnd: { x: 180, y: 178 }
    },
    {
        text: "Befehlstaste halten, links scrollen für Sofortwiederholung",
        textX: 20,
        textY: 310,
        arrowStart: { x: 138, y: 318 },
        arrowEnd: { x: 180, y: 318 }
    }
];

const annotations2 = [
    {
        text: "Gelber Indikator zeigt aktuelle Wiedergabeposition",
        textX: 20,
        textY: 65,
        arrowStart: { x: 138, y: 73 },
        arrowEnd: { x: 180, y: 73 }
    },
    {
        text: "Wiedergabesitzung beenden",
        textX: 660,
        textY: 65,
        arrowStart: { x: 666, y: 73 },
        arrowEnd: { x: 640, y: 73 }
    }
];