Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-81111

Tiny/RecordRTC: TinyMCE conversion - add 'Pause' button for recording A/V

XMLWordPrintable

    • MOODLE_405_STABLE
    • MOODLE_405_STABLE
    • MDL-81111-master
    • Hide

      Note: This should be tested with multiple browsers.

      Initial setup

      1. Login as admin.
      2. Finish the upgrade process.
      3. Navigate to Site administration > Plugins > Text editors > TinyMCE editor > Tiny RecordRTC.
      4. Verify that you will see a new setting called "Allow pausing".
      5. Verify that the default value of that new setting is "No".
      6. Change that setting to "Yes" and press Save changes.
      7. Create a new course or use an existing one.
      8. Create a new Forum in that course.

      Audio testing

      1. Navigate to the created Forum.
      2. Click Add discussion topic.
      3. Click on the Record audio button in the TinyMCE toolbar.
      4. Click Start recording.
      5. Verify that the Start recording button will become Stop recording ([Remaining time])
      6. Verify that you will see a new button called Pause next to that button.
      7. Try to record your voice for about 5 seconds.
      8. Click on the Pause button.
      9. Verify that the Pause button will become the Resume button.
      10. Verify that the remaining time in the Stop recording button will stop counting down.
      11. Try to speak to your microphone for about 5 seconds.
      12. Click on the Resume button.
      13. Verify that the Resume button will become the Pause button again.
      14. Verify that the remaining time in the Stop recording button will continue counting down.
      15. Try to speak to your microphone for about 5 seconds.
      16. Click Stop recording -> Attach recording -> Post to forum.
      17. View the created discussion and play the recorded audio.
      18. Verify that you will hear your voice in the (7) and (15) steps.
      19. Verify that you will not hear your voice in the (11) step.

      Video testing

      1. Navigate to the created Forum.
      2. Click Add discussion topic.
      3. Click on the Record video button in the TinyMCE toolbar.
      4. Click Start recording.
      5. Verify that the Start recording button will become Stop recording ([Remaining time])
      6. Verify that you will see a new button called Pause next to that button.
      7. Try to record your voice and video for about 5 seconds.
      8. Click on the Pause button.
      9. Verify that the Pause button will become the Resume button.
      10. Verify that the remaining time in the Stop recording button will stop counting down.
      11. Try to record your voice and video for about 5 seconds.
      12. Click on the Resume button.
      13. Verify that the Resume button will become the Pause button again.
      14. Verify that the remaining time in the Stop recording button will continue counting down.
      15. Try to record your voice and video for about 5 seconds.
      16. Click Stop recording -> Attach recording -> Post to forum.
      17. View the created discussion and play the recorded video.
      18. Verify that you will hear your voice and will see your video in the (7) and (15) steps.
      19. Verify that you will not hear your voice and will not see your video in the (11) step.

      Screen sharing testing

      1. Navigate to the created Forum.
      2. Click Add discussion topic.
      3. Click on the Record screen button in the TinyMCE toolbar.
      4. Select the content you want to record. For example: Entire screen.
      5. Click Start recording.
      6. Verify that the Start recording button will become Stop recording ([Remaining time])
      7. Verify that you will see a new button called Pause next to that button.
      8. Try to do some actions in the content you shared (For example: Moving the window around or opening a new file on that screen) for about 5 seconds.
      9. Click on the Pause button.
      10. Verify that the Pause button will become the Resume button.
      11. Verify that the remaining time in the Stop recording button will stop counting down.
      12. Try to do some actions in the content you shared (For example: Moving the window around or opening a new file on that screen) for about 5 seconds.
      13. Click on the Resume button.
      14. Verify that the Resume button will become the Pause button again.
      15. Verify that the remaining time in the Stop recording button will continue counting down.
      16. Try to do some actions in the content you shared (For example: Moving the window around or opening a new file on that screen) for about 5 seconds.
      17. Click Stop recording -> Attach recording -> Post to forum.
      18. View the created discussion and play the recorded video.
      19. Verify that you will see your actions in the (8) and (16) steps.
      20. Verify that you will not see your actions in the (12) step.
      Show
      Note : This should be tested with multiple browsers. Initial setup Login as admin. Finish the upgrade process. Navigate to Site administration > Plugins > Text editors > TinyMCE editor > Tiny RecordRTC. Verify that you will see a new setting called "Allow pausing". Verify that the default value of that new setting is "No" . Change that setting to "Yes" and press Save changes. Create a new course or use an existing one. Create a new Forum in that course. Audio testing Navigate to the created Forum. Click Add discussion topic. Click on the Record audio button in the TinyMCE toolbar. Click Start recording. Verify that the Start recording button will become Stop recording ( [Remaining time] ) Verify that you will see a new button called Pause next to that button. Try to record your voice for about 5 seconds . Click on the Pause button. Verify that the Pause button will become the Resume button. Verify that the remaining time in the Stop recording button will stop counting down. Try to speak to your microphone for about 5 seconds . Click on the Resume button. Verify that the Resume button will become the Pause button again. Verify that the remaining time in the Stop recording button will continue counting down. Try to speak to your microphone for about 5 seconds . Click Stop recording -> Attach recording -> Post to forum. View the created discussion and play the recorded audio. Verify that you will hear your voice in the (7) and (15) steps. Verify that you will not hear your voice in the (11) step. Video testing Navigate to the created Forum. Click Add discussion topic. Click on the Record video button in the TinyMCE toolbar. Click Start recording. Verify that the Start recording button will become Stop recording ( [Remaining time] ) Verify that you will see a new button called Pause next to that button. Try to record your voice and video for about 5 seconds . Click on the Pause button. Verify that the Pause button will become the Resume button. Verify that the remaining time in the Stop recording button will stop counting down. Try to record your voice and video for about 5 seconds . Click on the Resume button. Verify that the Resume button will become the Pause button again. Verify that the remaining time in the Stop recording button will continue counting down. Try to record your voice and video for about 5 seconds . Click Stop recording -> Attach recording -> Post to forum. View the created discussion and play the recorded video. Verify that you will hear your voice and will see your video in the (7) and (15) steps. Verify that you will not hear your voice and will not see your video in the (11) step. Screen sharing testing Navigate to the created Forum. Click Add discussion topic. Click on the Record screen button in the TinyMCE toolbar. Select the content you want to record. For example: Entire screen. Click Start recording. Verify that the Start recording button will become Stop recording ( [Remaining time] ) Verify that you will see a new button called Pause next to that button. Try to do some actions in the content you shared (For example: Moving the window around or opening a new file on that screen) for about 5 seconds . Click on the Pause button. Verify that the Pause button will become the Resume button. Verify that the remaining time in the Stop recording button will stop counting down. Try to do some actions in the content you shared (For example: Moving the window around or opening a new file on that screen) for about 5 seconds . Click on the Resume button. Verify that the Resume button will become the Pause button again. Verify that the remaining time in the Stop recording button will continue counting down. Try to do some actions in the content you shared (For example: Moving the window around or opening a new file on that screen) for about 5 seconds . Click Stop recording -> Attach recording -> Post to forum. View the created discussion and play the recorded video. Verify that you will see your actions in the (8) and (16) steps. Verify that you will not see your actions in the (12) step.

      As a user, I need the ability to pause recordings when using RecordRTC to facilitate better control over the recording process.
       
      AC1: Add system option for turning pausing on/off (default to 'off' for compatibility) 
      AC2: Add 'pause' button to Audio or Video recording UI (If pausing enabled).

      AC3: Upon clicking the "Pause" button, the audio/video should pause, and the button text should change to "Resume".

      AC4: Upon clicking the "Resume" button, the audio/video recording should continue.

        1. image-2024-06-06-10-48-01-836.png
          image-2024-06-06-10-48-01-836.png
          9 kB
        2. image-2024-06-06-10-49-59-634.png
          image-2024-06-06-10-49-59-634.png
          10 kB
        3. image-2024-06-06-10-53-39-688.png
          image-2024-06-06-10-53-39-688.png
          19 kB
        4. image-2024-06-06-10-53-57-218.png
          image-2024-06-06-10-53-57-218.png
          19 kB
        5. image-2024-06-06-10-54-47-045.png
          image-2024-06-06-10-54-47-045.png
          71 kB
        6. image-2024-06-06-10-55-05-298.png
          image-2024-06-06-10-55-05-298.png
          72 kB
        7. MDL-81111 - audio.png
          MDL-81111 - audio.png
          111 kB
        8. MDL-81111 - initial.png
          MDL-81111 - initial.png
          174 kB
        9. MDL-81111- screen sharing.png
          MDL-81111- screen sharing.png
          119 kB
        10. MDL-81111-video.png
          MDL-81111-video.png
          822 kB

            tlt84 Tai Le Tan
            tlt84 Tai Le Tan
            Meirza Meirza
            Huong Nguyen Huong Nguyen
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            5 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 1 hour, 47 minutes
                2d 1h 47m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.