Feature

Home /
Tags /
Feature

Collaborative drawings made with LiaScript

In this article we will explore how to create a collaborative drawing canvas (in other words a whiteboard) using LiaScript’s internal publish -subscribe mechanisms. This feature will allows multiple users to interact with the same LiaScript course in real-time, enabling collaborative drawing and marking, as demonstrated in the following video. 1. Publish-Subscribe (How does it work?) The publish-subscribe (pub-sub) pattern is a messaging paradigm where messages are sent by publishers to specific topics without the publisher knowing who, if anyone, will receive the message.

Importing a local WebCam-stream into a Presentation

Sometimes you want to show a live video stream from a local WebCam in your presentation, without having to move to another application. This can be done with the following script and video-tag. It will ask for permission to access the camera and will display the video stream in a video element. If you click on the button again, the camera will be closed. Simply copy both tags into your LiaScript document and you will be able to open and close the camera stream with the button.

Tables & Data Visualizations

If Markdown tables are used to store data, why not directly visualizing it? LiaScript offers 10 different types of plots, the best type is automatically chosen, based on the format of a table and its values… but you are free to use your desired one ;-) You can use this this example as a basis for your own course by following this link … Or experiment with it in the LiveEditor below:

Macros

How can you define custom macros or even define reusable LiaScript libraries? Just use @ followed by a custom name for your macro You can add parameters Shortcut macros, that call others predefined parameters And block-macros not that difficult You can use this this example as a basis for your own course by following this link … Or experiment with it in the LiveEditor below:

Images are handled differently

LiaScript-Markdown handles images differently: a paragraph with a starting image will produce a floating environment a paragraph with only images will produce a gallery the image will be optimally sized & placed “titles” will be used as captions You can use this this example as a basis for your own course by following this link … Or experiment with it in the LiveEditor below:

One Document - Multiple Representations

This is part one of a demo series that explains certain LiaScript design elements. I this part you will learn how to create narrative presentations from one Markdown document only and how one course can be used to teach in different languages. For the text to speech output we apply simple-speech … If your browser does not support TTS, LiaScript will fallback ResponsiveVoice. You can use this this example as a basis for your own course by following this link

Promoting your Content

If you want to “promote” the LiaScript content you have created, or share it with a wider audience, then you can use the following methods. 0. Add LiaScript meta-information Add a first HTML-comment to your Markdown document, as depicted below. This HTML-comment should provide at least the information about the author, an email address for contacting, a comment that summarizes your course in a few sentences, a logo, and an optional repository, which points to your GitHub, GitLab repository, if the course will be served from somewhere else.

Import A-Frame 3D models, scenes, and more into LiaScript open-courSes

This blog entry presents an example of how to import A-Frame 3D models, scenes, and more into LiaScript open-courSes. The entire README file can be interpreted as a library, we say template, that only needs to be imported into your LiaScript course via:  # Your Course And then you can start to use all the features and examples that are provided in the original README file.

How to activate Tooltips in LiaScript

LiaScript has a new tooltip feature, which was inspired by the Wikipedia tooltips, which provide more information about a certain topic if you hover a link with the mouse. In LiaScript this feature needs to be activated manually, since it requires a little additional bandwidth, but the result is pretty much the same as in Wikipedia. To activate tooltips: open the settings-tab check the tooltips check-box This additional bandwidth is required, since the tooltips are generated on-demand and also without any backend involved.

LiaScript Cheet-Sheet (German)

Ein Spickzettel der wichtgsten LiaScript-Funktionalität. Weitere sind in Vorbereitung … Überschriften # Überschrift 1 ## Überschrift 2 ### Überschrift 3 #### Überschrift 4 ##### Überschrift 5 ###### Überschrift 6 Texthervorhebungen _kursiv_ auch *kursig* __fett__ auch __fett__ ___kursiv___ und ***fett*** ~durchgestrichen~ ~~unterstrichen~~ ~~~durch- & unterstrichen~~~ ^hochgestellt^ `unformatierter Code` Textblock Einfache Blöcke/Absätze werden durch Leerzeilen voneinander getrennt und können bel. lang sein. > Blöcke mit einem vorangestellten `>` > werden hervorgeboben dargestellt. Listen Ungeordnet:

Markdown just got a new preview tag

LiaScript has a new link type/tag that allows you to add preview cards to your LiaScript course or even to your personal website. This way you do not have to update your personal website and other resources. Requirements and Usage First of all, your Markdown document must have an HTML comment tag at the beginning. If your document is on GitHub, this will not be visible on the rendered Markdown document.

LiaScript: Crash-courSe in 13 Akten (German)

Dieses Tutorial führt in 13 „kurzen“ Schritt-für-Schritt Videos in die Kursentwicklung mit LiaScript ein, von der Installation des Editors hin zu den wichtigsten Gestaltungsmöglichkeiten. Wie erstellt man interaktive Inhalte, nutzt Animationen und bringt dem Kurs das Sprechen bei… Eine Zusammenfassung der wichtigsten Punkte je Video wird gegeben. #1 Installation Installation des Editors und der benötigten Plugins Die Quellen sind unten noch einmal aufgelistet, es wird einerseits der Atom-Editor benötigt, sowie die beiden Plugins.

LiaScript - BearLearn Talk 2019

This is an early example of a LiaScript presentation, that was given as a BearLearn Talk 2019 in Berlin. It shows how to create a simple narrative presentations with Text-to-Speech output and animations and more. The arguments for creating a markup language for open online-courses are still the same. And if you inspect the course, you will see, that the format of the course has not changed at all, only the URL, the syntax is still the same, we only added more features to the interpreter and improved the presentation.