eLearning portal
E-Learning-Portal
Inserting media
Inserting media
You can add different kinds of media to your entries in CommSy to make them more attractive and informative. All rubrics in which you can post your own entries allow you to insert links, images, videos, and music. “Inserting” means that the medium itself appears in the entry.
When you insert an image in an entry, for example, the image will be displayed along with the other content as soon as the entry is opened (Fig. 1). Users do not need to download the image file to view the image.
Tip: Due to the responsive design of CommSy9, the system does not automatically show the entire description of each entry. This is why most images and videos appear to have been cropped. Click
The following section explains how to insert images and videos. Inserting music is very similar to inserting videos, so if you want to know how to insert a sound file, please refer to the chapter about inserting videos.
1. Inserting images
2. Inserting videos
3. Inserting links
1. Inserting images
To insert an image, open the “Edit description” menu. You can find this menu by hovering your mouse over the right side of the description field (Fig. 2).
To insert an image in your description text, click “Insert Image” in the editor (Fig. 3).
A dialog window opens. You have two options here. You can insert images that are saved on your computer or you can insert images from the Internet.
Inserting images from your computer
To insert an image that is saved on your computer, click “Choose file” under the heading “Upload new file” (Fig. 4).
Another dialog opens. Choose your file here. You can upload any common file format: JPG, JPEG, GIF BMP, PNG. Once you have located the file you want to upload, click “Open” and then “Upload.” The system automatically completes the field labeled “From URL.” You can also add an alternative text to the file (using the “Alt” field) and specify the size of the inserted image. We recommend that you leave the box next to “Keep ratios” checked. Your image might be distorted otherwise. To insert your image, click “OK” (Fig. 5).
Click “Save” to finish editing (Fig. 6). Your image is now inserted in the description.
Inserting images from the Internet
To insert an image from the Internet, enter the link to the image in the “From URL” field. Make sure that the link has a file extension. This means that it must end in “.jpg,” “.png” or something similar. Again, you can add an alt text and set the dimensions of the image (Fig. 7).
The image will be inserted into the description. Click “Save” to finish editing (Fig. 8).
2. Inserting videos
Inserting videos is similar to inserting images. You can either upload a file from your computer or specify the URL of a video on the Internet. Open the “Edit description” menu. You can find it by hovering your mouse over the right side of the description field (Fig. 9).
In the editor, click “Insert Video” (Fig. 10).
You have two options here. You can either insert a video that is saved on your computer or insert a video from the Internet (for example from Lecture2Go, YouTube, or a similar website).
Inserting videos from your computer
Note: Instructions for this function will be added shortly.
Inserting images from the Internet
Files for uploading must not be larger than 48 MB each. We therefore recommend that you insert videos that have already been uploaded on other platforms. Again, you have multiple options:
- You can insert a video by providing a direct link. This could be the URL of a video on your personal homepage, for example. Make sure that the link has a file extension. This means that it must end in “.mp4” or something similar.
- It could also be a YouTube link (in the format “https://www.youtube.com/watch?v=...”).
- Alternatively, you can embed an “HTML5 code,” for example from Lecture2Go.
This tutorial demonstrates the process using a YouTube video.
Paste the YouTube link (format as described above) into the field labeled “From URL / Video Tag.” As with images, you can specify the size of the video. We recommend that you leave the box next to “Keep ratios” checked to prevent distortion. Now, click “OK” (Fig. 11).
Click “Save” to finish editing. The video will be inserted into your preferred section of the description (Fig. 12).
3. Inserting links
Links are pointers to other websites. You can use them to “link” your entry to external content.
There are two types of links you can embed in your entry in CommSy: normal hyperlinks that point to any website and links to other CommSy entries. There is a separate command for embedding the second type.
Hyperlink
(:link TARGET text=TEXT:)
In this code, replace “TARGET” with the address of the website you want to link. Replace “TEXT” with a text that will be displayed in place of the actual website address.
Linking a CommSy entry
(:item ID text=TEXT:)
To link another entry on the CommSy platform, replace “item ID” in the above code with the reference number of the entry. You can determine the reference number by hovering your mouse over “
