testpage/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">

    <title>Annotator Test Page</title>
    <meta name="description" content="Annotator Test Page">
    <meta name="author" content="VEMILab Clave Team">

    <link rel="stylesheet" href="/testpage/css/testpage.css">

    <!-- Annotator Dependencies -->
    <!-- Import JQuery -->
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <!-- Import JQueryUI -->
    <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <!-- Annotator Core -->
    <script type="text/javascript" src="/dist/annotator-frontend.js"></script>
    <link rel="stylesheet" href="/dist/annotator-frontend.css">

    <!-- Dependencies we should include in the project instead of here -->

</head>

<body>
    <video playsinline width="640" height="480">
        <source src="http://sachinchoolur.github.io/lightGallery/static/videos/video2.mp4" type="video/mp4">
    </video>

    <script>
        // Internal: "http://192.168.1.83:3000"
        // External: "http://130.111.199.37:3000"
        // AWS: "http://ec2-52-88-72-190.us-west-2.compute.amazonaws.com:3000"
        // AWS IP: "52.88.72.190"
        var serverAddress = "http://ec2-54-202-39-81.us-west-2.compute.amazonaws.com:3000";
        var tagsAddress = "https://onomy.org/published/83/json";
        var apiKey = "592c83c4-bc5c-4f07-8156-d98e4d48f707";
        //$("video").first().annotate(serverAddress, tagsAddress);
        $("video").first().annotate(serverAddress, tagsAddress, apiKey);
    </script>

</body>


</html>