Including external content

Quarterfall makes it very easy to include videos, images, presentations, documents, drawing, and so on in your assignments. If you want to include external content that is not directly supported, you can use an iframe. An iframe is an area in the page where some other webpage or file is shown. The content of an iframe is completely independent of the Quarterfall page. For example, to include the Quarterfall website you can write:

```iframe
    url: https://www.quarterfall.com
```

To include a player that plays a piece of music from SoundCloud you can write

```iframe
    url: https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/629246505
    size: 300X150
```

This is built up as follows:

  • The first line consists of three backquotes, followed by the work iframe, to describe the type of block.
  • Next there is the url that points to the content that must be shown in the block. You can actually also indicate a label to show the content of an attached file in an iframe.
  • This can be followed by some options (see below).
  • And the block is ended by three backquotes.

Options

The following options exist:

Examples

Let us look at some examples.

Websites

To include a website you simply use the url of the website. Like in the example with the Quarterfall website given above. Note that not all websites allow display inside an iframe. For example, you cannot include Facebook or Slack directly in an iframe.

SoundCloud

If you want to include some piece of sound or music, you can use SoundCloud. After creating an account you can upload sound files for free. To include it, go to your piece of sound and press the Share button below it. Next select Embed at the top. You will get a piece of code that looks something like this:

<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/629246505&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>

You must remove all the frame information and only keep the part after the scr= (without the double quotes). So the part starting with https and ending with visual=true. Note that there also are a lot of options you can change in the url.

In a similar way you can e.g. embed a Spotify track.

Prezi

Prezi is an online presentation tool. (It is not free!) To embed one of your presentations you need to get the view link of it.  For information on how to get this, see the Prezi help. You can now embed the presentation as follows:

```iframe
    url: your_view_link/embed
```

Still need help? Contact Us Contact Us