<html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://ssl-webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject2.js"></script>
    <script type="text/javascript" src="https://www.reallusion.com/crazytalk/Unity/samplecode/CTWebPlayer.min.js"></script>
    <script type="text/javascript">
        var player = new CTWebPlayer();
        $(function () {

            player.playerUrl = "https://www.reallusion.com/crazytalk/Unity/samplecode/CTWebPlayer.unity3d";
            player.init($("#unityPlayer"), function () {
                player.loadProject("https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Load_project.uctproject", {
                    playAfter: 0,

                    idleMotionUrl: "https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Female.uctidle"
                });
            });
        });

        function Project1() {
            player.loadProject("https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Load_project1.uctproject", {
                playAfter: 0,
                showActor: true,
                showBackground: true,
                idleMotionUrl: "https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Female.uctidle"
            });
        }


        function Project2() {
            player.loadProject("https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Load_project2.uctproject", {
                playAfter: 10,
                showActor: true,
                showBackground: true,
                idleMotionUrl: "https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Female.uctidle"
            });
        }


        function Project3() {
            player.loadProject("https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Load_project3.uctproject", {
                playAfter: 0,
                showActor: false,
                showBackground: true,
                idleMotionUrl: "https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Female.uctidle"
            });
        }


        function Project4() {
            player.loadProject("https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Load_project4.uctproject", {
                playAfter: 0,
                showActor: true,
                showBackground: false,
                idleMotionUrl: "https://www.reallusion.com/crazytalk/Unity/samplecode/SampleCode3/Female.uctidle",
                loaded: function (status) {
                    console.log("loaded!");
                }
            });
        }
    </script>
</head>

<body>
    <table style="text-align:center;margin-left:auto; margin-right:auto;">
        <tr>
            <td>
                <div id="unityPlayer" style="width: 640px; height: 480px;">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="Project1" onclick="Project1()" class="button" />
                <input type="button" value="Project2" onclick="Project2()" class="button" />
                <input type="button" value="Project3" onclick="Project3()" class="button" />
                <input type="button" value="Project4" onclick="Project4()" class="button" />
            </td>
        </tr>
    </table>
</body>

</html>