Atto: RecordRTC for Atto

atto_recordrtc
Maintained by Picture of Jesus Federico Jesus Federico
Add audio and video annotations to text, anywhere an Atto 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.
55 sites
255 downloads
12 fans

Features

Add audio and video annotations to text, anywhere an Atto 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 > Atto 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
  • Picture of Plugins bot
    Wed, 16 Aug 2017, 11:10 PM
    Approval issue created: CONTRIB-7012
  • Picture of Derek Chaplin
    Thu, 17 Aug 2017, 9:01 PM
    Hi Jesus,

    great plughins! Might I suggest you add -Atto and -TinyMCE to the name to avoid confusion in the plugin directory?
    Derek
  • Picture of Jesus Federico
    Thu, 17 Aug 2017, 9:32 PM
    Good point Derek. Done.
    Thanks
  • Picture of Urpo Karhula
    Fri, 18 Aug 2017, 5:09 PM
    Hello,

    Does this work on Safari and iOS-devices (iPhone and iPad) ?
  • Picture of Jesus Federico
    Wed, 23 Aug 2017, 3:25 AM
    Hi Urpo. Short answer no. Safari doesn't support WebRTC. Regarding to iOS on iPhone or iPad (same as Android devices) the UI is not responsive (yet). So this first version won't work well in mobiles. You can see more details in the Wiki page https://docs.moodle.org/33/en/RecordRTC#Why_these_plugins_can_not_be_used_with_all_browsers.3F
  • Picture of Glenn Pillsbury
    Wed, 13 Sep 2017, 6:57 AM
    This is a good start! One glitch: I'm using 3.3.2 and the end of the recording gets chopped off, around the last 2 seconds, regardless of the length of the recording.

    One request: The recorder buttons do not appear in the Feedback comments section of the Assignment grader. Can that be fixed?
  • Picture of Jesus Federico
    Wed, 13 Sep 2017, 9:53 PM
    Hi Glenn,

    No matter what version of Moodle you use, you'll have that little time chopped off from you recording. We noticed that but it is a browser/library issue. We can definitely keep an eye on that but for now it is what we were able to deliver.

    Regarding to the ability to annotate comments, again this is a Moodle issue. My understanding is that for security reasons it is not possible to annotate external media files there. The buttons were originally there but not working so we decided to remove them to be consistent with what Moodle has for that use case. We'll keep an eye on that one too smile.
  • Picture of Darren Hall
    Tue, 19 Sep 2017, 6:51 AM
    Hi Jesus,
    Nice plug-in!
    One thing I'm wondering about is whether this can be added to the feedback files configuration for assignments. The icons don't show up for the Atto editor in the assignment grading sheet, and I don't see any settings at the admin or course level that would enable that. Am I missing something?

    Thanks!
  • Picture of Jesus Federico
    Tue, 19 Sep 2017, 6:55 AM
    Can you please read my previous post? ;)
  • Picture of Darren Hall
    Tue, 19 Sep 2017, 7:09 AM
    Got it. Thanks!
  • Picture of wz z
    Thu, 21 Sep 2017, 2:46 PM
Please login to post comments