TinyMCE: RecordRTC TinyMCE

tinymce_recordrtc
Maintained by Picture of Jesus Federico Jesus 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.
34 sites
151 downloads
4 fans
  • 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. 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 several ways to install the plugin/ We describe here the easiest and more reliable one which is through Moodle plugin directory. Two more methods are described in the wiki page installation section.

    • Logged in as administrator into your Moodle server, go to [Site administration -> Plugins -> Install plugins]
    • Click on [Install plugins from the Moodle plugins directory]
    • Search for RecordRTC and choose the one you are looking for. There is an atto_recordrtc and a tinymce_recordrtc plugin.
    • Click on [Install now] and look up for your Moodle site in the list.
    • Click on [Install now] and follow the steps.

    After the installation starts, just follow the steps. The plugin will work with the defaults, but you may want to go back and change them depending of your requirements. Details about the configuration can also be found in the wiki page configuration section.


    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.

    Name the annotation


    After that, the file gets embedded right where the cursor was in the text.

    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

    Troubleshooting, Known Issues and F.A.Q

    More extensive documentation can be found in the wiki page


Sets

This plugin is part of set RecordRTC.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

Contributors

Picture of Jesus Federico
Jesus Federico (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
Please login to post comments