Untitled

<html>
<head>
  <link type="text/css" rel="stylesheet" media="all" href="dist/styles/h5p.css" />
  <meta charset="utf-8" />
  <script type="text/javascript" src="dist/js/h5p-standalone-main.min.js"></script>

  <script type="text/javascript">
    (function($) {
      $(function() {
        $('.h5p-container').h5p({
          frameJs: 'dist/js/h5p-standalone-frame.min.js',
          frameCss: 'dist/styles/h5p.css',
          h5pContent: 'https://harukaedu-lms.harukaeduapps.com/h5p/workspace/26'
        });
      });
    })(H5P.jQuery);

    H5P.externalDispatcher.on('xAPI', function(event){
    console.log(event)
    if (event.data.statement !== undefined) {
        if (event.data.statement.result !== undefined) {
            //TODO do something here
            scoreMax(event.data.statement.result.score.max);
            scoreMin(event.data.statement.result.score.min);
            scoreRaw(event.data.statement.result.score.raw);
            scoreScaled(event.data.statement.result.score.scaled);
        }
    }
    });

    function scoreMax(max){
    };

    function scoreMin(min){
    };

    function scoreRaw(raw){
    };

    function scoreScaled(scaled){
    };
  </script>
</head>
  <body>
    <div class="h5p-container"></div>
  </body>
</html>