05 Integrate media
The ONYX Testsuite provides extensive media support. Besides, all question content can be formatted in HTML (IMS QTI only offers a restricted HTML subset). The following overview shows which types of media and formats are supported.
HTML editor
The ONYX Editor provides a WYSIWYG HTML editor for all author inputs, using the established system component TinyMCE. The built-in editor allows you to configure settings for font, font size, and other test and font designs. For example, content in the question text, answer alternatives, or feedback can be highlighted in bold or italics, arranged in tables, or formatted in a list.
With 
, you can edit content directly in an HTML view, where you can also use other markup languages.
Graphics and images
All common image formats (JPEG / JPG, GIF, PNG) and vector graphics (SVG) are supported.
You can add images in the HTML editor using the function 
(insert/edit image). This will open the "Edit image" dialogue. In the dialogue, an image resource can be selected and necessary settings for the display of the selected resource can be configured.
Click on "Browse" to upload an image (1). Enter an alternative text to be displayed if the image cannot or should not be loaded (2). The alternative text is an important criterion for barrier-free content. Images can be easily adjusted in size by specifying the dimensions (width/height) (3). The dialogue also shows a preview of the selected image.
Confirm your entries with OK. The inserted image will be directly displayed in the HTML editor and in the preview.
Audio
Audio can be added in the HTML editor using the function 
(insert audio). You can decide how the audio should be integrated into your test content. In the "Insert audio file" dialogue, you can select the desired audio file with Browse and Upload. Once you have added the audio file, you can choose in the dialogue how the audio files should be integrated into your test content.
The ONYX Testsuite is completely based on HTML5. Audio integration is therefore possible via the HTML5 audio tag and with the appropriate browser support. Most modern browsers (Firefox, Chrome) support the most common audio formats (MP3, Ogg, Wav). For more information on browser support, see for example the research conducted by W3Schools.
Video
Videos can be integrated or embedded as a reference.
For performance reasons, the direct integration of videos is not recommended, especially for large test scenarios. Instead, reference videos from a public or private video streaming system (e. g. YouTube, Magma).
Referencing videos with YouTube
YouTube provides a simple function to embed videos in other websites. This embedding function can also be used to integrate videos into ONYX.
Videos can be integrated into all test and question components (e. g. question texts, answer elements, and feedback). To integrate a video, copy the displayed iframe link to your test content. In the ONYX Editor, switch to the source code view, e. g. of the question text, with and add the iframe link from the clipboard.
Confirm with OK to close the source code window and integrate the video into the content.
Use the preview function to test the content.
