Loading...
 
Skip to main content

History: Record screen audio video

Source of version: 15

Copy to clipboard
            ! Record Screen Audio Video (Record RTC)
New in ((Tiki23)): https://www.webrtc-experiment.com/RecordRTC/ has been added. This replaced the ((Screencast)) feature that had to be removed because Java applets were deprecated by browsers.

!! Browser support
RecordRTC has limited browser support. Mobile devices will not be able to record video nor audio, and for that reason, module RecordRTC will not be displayed in mobile devices.

!! Installation
* Go to the ((Packages)) admin page and install the __npm-asset/record-rtc__ package for "Audio, Video, Screen Recording". Installation takes a few minutes.
* On the File Gallery admin page (tiki-admin.php?page=fgal), at the bottom of the first tab, under "Settings for RecordRTC" activate the feature "Use RecordRTC to screen record".
* Then on the Modules admin page (tiki-admin_modules.php), activate and configure (set the module zone, etc.) the module "Record RTC". Note that Record RTC requires an https connection over SSL.

!! Use
Once the Record RTC module is added, this is what it looks like.
{img src="display1795" link="display1796" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* The record name field corresponds to the name you want to give to your recording;
{img src="display1796" link="display1796" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* The Start Recording button is used to start recording;
{img src="display1797" link="display1797" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* If you check the auto upload box, the recording will be uploaded automatically to tiki.
{img src="display1798" link="display1798" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
If you click on the Start Recording button a menu opens, you have the possibility to choose one of the following options:
* Entire Screen: allows you to record the entire screen;
{img src="display1799" link="display1799" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* Windows: allows you to make a recording only of a window, which you will choose;
{img src="display1800" link="display1799" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* Chrome Tab: If you use as a Chrome browser, you can make a record of a browser tab.
{img src="display1801" link="display1799" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* Then click on Share to start recording.
To end the recording click on the Stop Recording button on the record RTC module.
{img src="display1802" link="display1802" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* Upload the recording by clicking on Upload Record.
{img src="display1804" link="display1804" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* After that, a media code is generated, this will help you for example if you want to embed the recording in a wiki page.
{img src="display1805" link="display1805" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}
* You can download the recording by clicking on the name. Or you can find it in the file gallery.
{img src="display1806" link="display1806" width="200" rel="box[g]" imalign="center" desc="Click to expand" styleimage="border"}

Related links:
* [https://sourceforge.net/p/tikiwiki/code/77464/]
* [https://www.webrtc-experiment.com/RecordRTC/]
        

History

Advanced
Information Version
Marc Laporte 19
Marc Laporte 18
Marc Laporte 17
Nasser 16
Nasser 15
Nasser addition of other points 14
Nasser 13
Nasser 12
Nasser 11
Marc Laporte 10
Nasser Adding use 9
Jorge Sá Pereira Add browser support section 8
Marc Laporte 7
Gary Cunningham-Lee Changed page title to include feature name. 6
Gary Cunningham-Lee Changed page title to match page name. 5
Gary Cunningham-Lee Added an h1 page title. 4
Gary Cunningham-Lee Added installation steps, etc. 3
Marc Laporte 2
Marc Laporte 1