TinyMCE: RecordRTC TinyMCE

tinymce_recordrtc
Maintained by Picture of Jesus FedericoJesus Federico
Add audio and video annotations to text, anywhere a TinyMCE text editor is present. This plugin adds buttons for recording audio or video (with audio) to the editor's toolbar. Using WebRTC technologies, all recording is done instantly in the browser. After recording, users can embed the annotation directly into the text they are currently editing. The recording will appear as an audio or video player in the published writing.

RecordRTC TinyMCE 1.0

Release notes

RecordRTC TinyMCE plugin for Moodle

Scrutinizer Code Quality Build Status

Features

Add audio and video annotations to text, anywhere a TinyMCE text editor is present. This plugin adds buttons for recording audio or video (with audio) to the editor's toolbar. Using WebRTC technologies, all recording is done instantly in the browser, using nothing but HTML5 and JavaScript (no Flash!). After recording, users can embed the annotation directly into the text they are currently editing. The recording will appear as an audio or video player in the published writing.

Installation

There are currently two ways to install the plugin:

  1. Installing via zip file:
  1. Installing manually (if the user does not have necessary permissions for installing the first way):
  • Navigate to moodle_root_path/lib/editor/tinymce/plugins, where moodle_root_path is the location where Moodle is installed (ex.: /var/www/html/moodle)
  • Execute sudo git clone https://github.com/blindsidenetworks/moodle-tinymce_recordrtc.git recordrtc
  • Log into a Moodle account with administration capabilities
  • A screen should appear asking the install the plugin, similar to above

Soon, there will also be the possibility to install easily via the Moodle plugins Directory.

Usage

To use the plugin, just click on one of the recording buttons (either the microphone or the video camera), and a popup will appear with a big "Start Recording" button. When clicked, the browser will probably ask for permission to use the webcam/microphone.

Recording buttons

After the recording starts, a timer will begin counting down, indicating how much time is left to record; when the timer hits 0, the recording will automatically stop (this will also happen if approaching the maximum upload size determined in the server settings).

Recording started

When the recording is finished, the user can play it back to see/hear if it is what they want. To embed the file, the user must click "Attach Recording as Annotation". A dialog box will pop up asking the user what the link should appear as in the text editor. After that, the file gets embedded right where the cursor was in the text.

Name the annotation

Annotation in editor

Configuration

The plugin can be configured during the initial install, and later by navigating to Site administration > Plugins > Text editors > TinyMCE HTML editor > RecordRTC. The administrator can:

  • Allow the users to record only audio, only video, or both (changing the buttons that appear in the editor toolbar)
  • Change the target bitrate of recorded audio
  • Change the target bitrate of recorded video
  • Set the recording time limit, to control maximum recording size

Common problems

  • If nothing is displayed in the popup after clicking one of the buttons in the TinyMCE toolbar, it is likely an issue with the X-Frame-Options header. To fix this, change the server configuration to set the header to SAMEORIGIN. Also, make sure that the header is not set twice as the browser will default the value to DENY (sometimes individual web apps also set the header, or there is some conflicting server configuration)
  • The default maximum size of uploads in PHP is very small, it is recommended to set the upload_max_filesize setting to 40M and the post_max_size setting to 50M for a time limit of 2:00 to avoid getting an alert while recording
  • The filesize of recorded video for Firefox will likely be twice that of other browsers, even with the same settings; this is expected as it uses a different writing library for recording video. The audio filesize should be similar across all browsers
Moodle 2.9, 3.0, 3.1, 3.2, 3.3, 3.4

Version information

Version build number
2017070104
Version release name
1.0
Can be updated from
1.0-b2, 1.0-b3, 1.0-b4 (2017070103)
Can be updated to
1.1-beta (2019051900), 1.1-rc (2019051901)
Maturity
Stable version
MD5 Sum
89ee6a3e8755f2d57243fbed61ddd564
Supported software
PHP 5.4, PHP 5.5, PHP 5.6, Moodle 2.9, Moodle 3.0, PHP 7.0, Moodle 3.1, Moodle 3.2, Moodle 3.3, PHP 7.1, Moodle 3.4, PHP 7.2
  • This is the latest release for Moodle 2.9
  • This is the latest release for Moodle 3.0
  • This is the latest release for Moodle 3.1
  • The more recent release 1.1-rc (2019051901) exists for Moodle 3.2
  • The more recent release 1.1-rc (2019051901) exists for Moodle 3.3
  • The more recent release 1.1-rc (2019051901) exists for Moodle 3.4

Version control information

Version control system (VCS)
GIT
VCS repository URL
VCS tag
v1.0

Default installation instructions for plugins of the type TinyMCE

  1. Make sure you have all the required versions.
  2. Download and unpack the module.
  3. Place the folder (eg "myeditor") in the "lib/editor/tinymce/plugins" subdirectory.
  4. Visit http://yoursite.com/admin to finish the installation