RecordRTC TinyMCE

TinyMCE (legacy) ::: tinymce_recordrtc
Maintained by Jesus Federico
Part of set RecordRTC.
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.
Latest release:
534 sites
41 downloads
16 fans
Current versions available: 2
  • 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


Screenshots

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

Contributors

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

Comments RSS

Show comments
  • Plugins bot
    Fri, 14 July 2017, 4:30 AM
    Approval issue created: CONTRIB-6979
  • Scott Li
    Sat, 2 Dec 2017, 2:22 AM
    secure connection only? I got error when first trying to use it with version 3.3. Under http link
  • Jesus Federico
    Sat, 2 Dec 2017, 2:29 AM
    For WebRTC, secure connections are required in Chrome since 2015. See https://developers.google.com/web/updates/2015/10/chrome-47-webrtc
    -----
    Starting with Chrome 47, getUserMedia() requests are only allowed from secure origins: HTTPS or localhost.
    RTP data channel support has been removed. Any remaining applications still using RTP data channels should use the standard data channels instead.
    -----
    Also you are not providing enough information. If you want to continue the conversation please open a thread in the forums.
  • Sali Kaceli
    Sun, 31 Dec 2017, 3:26 AM
    Great plugin. We are about to start deploying this for our faculty and students. However, could you consider the following enhancements:
    a. Make the icons a different color so that they stand out a bit more for the users.
    b. It seems the icons are missing when grading student work. It would be great if this would be available while grading to provide video feedback to students. I have tested it with the TinyMCE module.
  • Bruno Silva
    Wed, 13 June 2018, 3:51 AM
    this plugin worked in version 3.5, Thankyou
  • Andreas Schenkel
    Tue, 12 Feb 2019, 7:31 PM
    will there be an update for moodle 3.5 and 3.6 ... download from moodle.org says, that only moodle 3.3. is supported?
  • Gareth J Barnard
    Mon, 23 Sept 2019, 6:06 AM
    Hi Jesus,

    I've noticed that some of the screen shots in the description are the ATTO and not TinyMCE editor, is this intentional?

    Gareth
  • Dácil Blanco Francisco
    Mon, 27 June 2022, 10:25 PM
    This plugin work in moodle 3.9.14+?
  • Shivashankar Kesha
    Thu, 3 Nov 2022, 6:10 PM
    HI Jesus,
    I was trying to use audio record feature ... its allowing me to record but not able to save the file. Any suggestion?
    Thank you,
    ShivashankarKesha
Please login to post comments