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

RecordRTC Content Does Not Playback in iOS (multiple browsers)

    XMLWordPrintable

Details

    • MOODLE_36_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-65943-311
    • 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

    Description

      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!

      Attachments

        Issue Links

          Discovered while testing

          New Feature - A new Moodle feature which has yet to be developed. MDL-62540 atto_recordrtc does not work (record and playback) in Safari (desktop and mobile)

          • Trivial - Cosmetic problem like misspelt words or misaligned text
          • Development in progress
          has a non-specific relationship to

          Improvement - An enhancement to an existing Moodle feature. MDL-72136 Atto/RecordRTC: convert A/V to 'universal' formats (MP3)

          • Minor - Minor loss of function where workaround is possible
          • Peer review in progress
          has been marked as being related by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MOBILE-2314 Use better formats for recording media

          • Major - Major loss of function, incorrect output
          • Open

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-62392 RecordRTC does not work in iOS 11

          • Minor - Minor loss of function where workaround is possible
          • Open

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-75768 RecordRTC Content Does Not Playback in iOS on mobile (iPhone, iPad) on Moodle 3.11.5

          • Minor - Minor loss of function where workaround is possible
          • Open
          Testing discovered

          New Feature - A new Moodle feature which has yet to be developed. MDL-72832 Create new JS loader for WASM and related JS

          • Minor - Minor loss of function where workaround is possible
          • Open
          will be (partly) resolved by

          Review - CONTRIB-7741 Plugin approval: HTML5 audio/video to MP4 filter

          • Minor - Minor loss of function where workaround is possible
          • Closed
          will help resolve

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MOBILE-4166 RecordRTC Content Does Not Playback in iOS

          • Critical - Crashes server, loss of data, severe memory leak
          • Open

          Activity

            People

              huongn@moodle.com Huong Nguyen
              mfagioli Michael Fagioli
              Dongsheng Cai Dongsheng Cai
              Andrew Lyons Andrew Lyons
              Mathew May Mathew May
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo, David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              40 Vote for this issue
              Watchers:
              51 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                8/Nov/21

                Time Tracking

                  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