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

RecordRTC Content Does Not Playback in iOS (multiple browsers)

XMLWordPrintable

    • MOODLE_36_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-65943-master
    • Hide

      Device to test this issue

      • macOS machine must have a working microphone and webcam.
      • iPhone.
      • iPad.

      Initial setup

      Note: Must use Chrome/Firefox for this Initial part.

      1. Enable RecordRTC plugin in the Atto editor. (At: /admin/settings.php?section=editorsettingsatto)
      2. Create a course or use an existing one.
      3. Create a page activity called Page with Audio:
        • In the Page content, click on the Record Audio button and try to record your voice.
        • Click Save and Return to course.
      4. Create a page activity called Page with Video:
        • In the Page content, click on the Record Video button and try to record the video with your voice.
        • Click Save and Return to course.

      macOS Safari Audio testing

      1. Go to Page with Audio.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you can pause the player.
      6. Verify that you can mute/un-mute the player.
      7. Verify that you can control the volume level of the player.

      Mac OS Safari Video testing

      1. Go to Page with Video.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you will see the video.
      6. Verify that you can pause the player.
      7. Verify that you can mute/un-mute the player.
      8. Verify that you can control the volume level of the player.
      9. Verify that you can fullscreen the player.

      IPad with iPadOS Safari Audio testing

      1. Go to Page with Audio.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you can pause the player.
      6. Verify that you can mute/un-mute the player.
      7. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed).

      IPad with iPadOS Safari Video testing

      1. Go to Page with Video.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you will see the video.
      6. Verify that you can pause the player.
      7. Verify that you can mute/un-mute the player.
      8. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed).
      9. Verify that you can fullscreen the player.

      iPhone with iPhoneOS Safari Audio testing

      1. Go to Page with Audio.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you can pause the player.
      6. Verify that you can mute/un-mute the player.
      7. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume).

      iPhone with iPhoneOS Safari Video testing

      1. Go to Page with Video.
      2. Verify that you will see the UI for VideoJS now.
      3. Click on the Play button.
      4. Verify that you will hear the audio.
      5. Verify that you will see the video.
      6. Verify that you can pause the player.
      7. Verify that you can mute/un-mute the player.
      8. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume).
      9. Verify that you can fullscreen the player.

       

      Show
      Device to test this issue macOS machine must have a working microphone and webcam. iPhone. iPad. Initial setup Note: Must use Chrome/Firefox for this Initial part. Enable RecordRTC plugin in the Atto editor. (At: /admin/settings.php?section=editorsettingsatto) Create a course or use an existing one. Create a page activity called Page with Audio: In the Page content, click on the Record Audio button and try to record your voice. Click Save and Return to course. Create a page activity called Page with Video: In the Page content, click on the Record Video button and try to record the video with your voice. Click Save and Return to course. macOS Safari Audio testing Go to Page with Audio. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. Mac OS Safari Video testing Go to Page with Video. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you will see the video. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. Verify that you can fullscreen the player. IPad with iPadOS Safari Audio testing Go to Page with Audio. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed). IPad with iPadOS Safari Video testing Go to Page with Video. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you will see the video. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you can control the volume level of the player. (Some iPad OS versions will not allow controlling the volume level, so it is ok if this failed). Verify that you can fullscreen the player. iPhone with iPhoneOS Safari Audio testing Go to Page with Audio. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume). iPhone with iPhoneOS Safari Video testing Go to Page with Video. Verify that you will see the UI for VideoJS now. Click on the Play button. Verify that you will hear the audio. Verify that you will see the video. Verify that you can pause the player. Verify that you can mute/un-mute the player. Verify that you cannot control the volume level of the player. (iPhoneOS do not allow media player to control the volume). Verify that you can fullscreen the player.  
    • 0
    • Internationals - 3.9 Sprint 1, HQ Team International Sprint 7, HQ Team International Sprint 8, HQ Team International Sprint 9, HQ Team International Sprin 10, HQ Team International CI H2-21

      We're finding that video and audio recorded with RecordRTC to an activity is not playable in iOS. We've tested Safari, Chrome, and Firefox on iPhone and have reports of all browsers not working for iPhones and iPads. This behavior is the same on the desktop version of Safari, but I think that is already a known issue here.

      When pressing play nothing happens. Sometimes on repeated clicking a small spinning icon shows up and goes away, but nothing ever plays. When playing back video, it does not even load the thumbnail correctly before or after pressing playing.

      Unfortunately, I am not able to contribute code, but will try to help in any way I can. Thank you!

        1. image-2021-12-23-11-21-41-224.png
          image-2021-12-23-11-21-41-224.png
          2 kB
        2. image-2021-12-23-11-21-41-290.png
          image-2021-12-23-11-21-41-290.png
          2 kB
        3. image-2021-12-23-11-22-31-116.png
          image-2021-12-23-11-22-31-116.png
          2 kB
        4. image-2022-09-16-09-09-45-213.png
          image-2022-09-16-09-09-45-213.png
          282 kB
        5. image-2022-09-16-09-10-01-496.png
          image-2022-09-16-09-10-01-496.png
          280 kB

            huongn@moodle.com Huong Nguyen
            mfagioli Michael Fagioli
            Dongsheng Cai Dongsheng Cai
            Andrew Lyons Andrew Lyons
            Mathew May Mathew May
            Votes:
            40 Vote for this issue
            Watchers:
            49 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 week, 3 days, 4 hours, 15 minutes
                1w 3d 4h 15m

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