Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-24415

Add audio recording widget for CKEditor

    XMLWordPrintable

    Details

    • 10 status:
      Resolved
    • Test Plan:
      Hide

      To test, go CKEditor in a site, there is a new icon that looks like a microphone. If you click it the UI for recording comes up.

      In browsers that support HTML5 recording there is a prompt that to allow access to mic, you have to allow that.
      In other browsers a flash fallback requests access to mic.

      You should be able to record a short clip, stop recording, preview the recording, re-record, post and successfully playback the recording in the site context.

      Currently there is no easy way to adjust the global maximum length of the recording (this is in the ckeditor.launch.js) but individual tools can pass a config to override this. There is no way to preview 100% that the mic is working, but there is visual feedback.

      The uploaded files always go to attachments so it might not be possible for all users to use this. We'd have to test that and see how it works. It was originally designed for instructors and it's not limited to any context or role.

      Show
      To test, go CKEditor in a site, there is a new icon that looks like a microphone. If you click it the UI for recording comes up. In browsers that support HTML5 recording there is a prompt that to allow access to mic, you have to allow that. In other browsers a flash fallback requests access to mic. You should be able to record a short clip, stop recording, preview the recording, re-record, post and successfully playback the recording in the site context. Currently there is no easy way to adjust the global maximum length of the recording (this is in the ckeditor.launch.js) but individual tools can pass a config to override this. There is no way to preview 100% that the mic is working, but there is visual feedback. The uploaded files always go to attachments so it might not be possible for all users to use this. We'd have to test that and see how it works. It was originally designed for instructors and it's not limited to any context or role.

      Description

      The idea for this feature is to have a plugin button for CKEditor added. It would have 4 features.

      Start Recording
      Stop Recording
      Preview Recording
      Post Recording

      It would use HTML5 audio to record the audio (if available in browser) or fall back to flash. This would allow instructors to record audio clips for their course which they would appear either using the HTML5 <audio> tag or another flash fallback (where the audio player isn't supported).

      I'm planning on committing this back prior to 2.10 feature freeze.

      The changes needed are merged against a branch of trunk

      Reference:
      https://source.sakaiproject.org/svn/msub/longsight.com/reference/NYU-16/

      Textarea:
      https://source.sakaiproject.org/svn/msub/longsight.com/textarea/NYU-16/

      The source code for the flash fallback is at
      https://github.com/ottenhoff/jRecorder

      Only the compiled swf is included in the Sakai source tree.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. Ckeditor_icons.png
              Ckeditor_icons.png
              133 kB
            2. site-info1.png
              site-info1.png
              88 kB
            3. site-info2.png
              site-info2.png
              25 kB

              Issue Links

                Activity

                  People

                  Assignee:
                  jonespm Matthew Jones
                  Reporter:
                  jonespm Matthew Jones
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  9 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration