examples/demo1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- <script src="https://flexatar-generic-shared-files.s3.amazonaws.com/js/ftar_view.js"> </script> -->
    <!-- <script src="https://flexatar-generic-shared-files.s3.amazonaws.com/js/ftar_lipsync.js"> </script> -->
    <script src="/js/ftar_view.js"> </script>
    <script src="/js/ftar_lipsync.js"> </script>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flexatar Demo 1</title>
</head>
<body>
    
<script>


    const flexatarLinksDict = {{.FtarList}};
    const flexatarLink = Object.values(flexatarLinksDict)[0];
    const token = "{{.Token}}";

    FtarView.makeFlexatarCanvas(
        token,
        flexatarLink,
        {width:240,height:320}
    ).then(ftarCanvas=>{
        document.body.appendChild(ftarCanvas)
    })
   

</script>
</body>
</html>