Get started with oppia CDN

Apache-2.0 licensed

Interactive learning library, self-paced, user-driven exploration: Opplia builds educational activities.

Tags:
  • education
  • interactive
  • oppia
  • tutor

Stable version

Copied!

How to start using oppia CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with oppia CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css">
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"></script>
  <script src="https://cdn.cdnhub.io/oppia/0.0.3/oppia-player.min.js"></script>
  <style>
    #oppia-player { width: 100%; height: 500px; }
  </style>
</head>
<body>
  <div id="oppia-player"></div>
  <script type="text/json">
    {
      "type": "Lesson",
      "title": "Simple Oppia Lesson",
      "description": "A simple Oppia lesson.",
      "content": [
        {
          "type": "Text",
          "text": "What is the capital city of France?"
        },
        {
          "type": "Question",
          "question": {
            "text": "What is the capital city of France?"
          },
          "answers": [
            {
              "text": "London",
              "is_correct": false
            },
            {
              "text": "Paris",
              "is_correct": true
            },
            {
              "text": "Madrid",
              "is_correct": false
            }
          ]
        },
        {
          "type": "Text",
          "text": "Correct answer: Paris"
        }
      ]
    }
  </script>
  <script>
    OPPIA.load(document.getElementById('oppia-player'), JSON.parse(document.querySelector('script[type="text/json"]').textContent));
  </script>
}
</body>
</html>
Copied!
Copied!

All versions