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

Upgrade ogv.js tech plugin for VideoJS to 0.2.1

    XMLWordPrintable

Details

    • MOODLE_402_STABLE
    • MOODLE_403_STABLE
    • MDL-77654-master
    • Hide

      Copied from MDL-75480

      Note for tester: This issue can be tested together with MDL-76927 and MDL-76917

      Third party libraries

      1. Login as admin.
      2. Navigate to Site Administration > Development > Third party libraries.
      3. Verify that the version of ogv.js Tech plugin for Video.JS is 0.2.1.

      Media playback

      1. Restore this course backup videojs_samples.mbz (Note the first MPEG-DASH is failing with a 404 of the source, this is not a bug)
      1. Make sure that videojs is enabled and on the first place, youtube are checked.
        1. Navigate to Site Administration > Media players > Manage media players.
        2. Make sure that the VideoJS player is turned on and on the first position.
        3. Make sure that Youtube is turned on and on the second position.
        4. Click on the Setting link of VideoJS player
        5. Make sure as below:
          1. Video file ext: html_video,media_source,.f4v,.flv
          2. Audio file ext: html_audio
      2. View the restored course on different browsers (including mobile)
        1. Verify that you can play all videos/audios.
        2. Verify that in "html5 embed" you should be able to show captions and jump to chapters. (The media links added within a label should be embedded and able to be played in the course page, while to test media links added within other resources or activities you will need to access the activity). 
        3. Change interface language to one of this list.
        4. Verify that the video player buttons are also translated (enough to check in one browser).

      RecordRTC playback on MacOS/iOS (This one was copied from MDL-65943)

      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
      Copied from MDL-75480 Note for tester: This issue can be tested together with MDL-76927 and MDL-76917 Third party libraries Login as admin. Navigate to Site Administration > Development > Third party libraries. Verify that the version of ogv.js Tech plugin for Video.JS is 0.2.1. Media playback Restore this course backup videojs_samples.mbz (Note the first MPEG-DASH is failing with a 404 of the source, this is not a bug) Make sure that videojs is enabled and on the first place, youtube are checked. Navigate to Site Administration > Media players > Manage media players. Make sure that the VideoJS player is turned on and on the first position. Make sure that Youtube is turned on and on the second position. Click on the Setting link of VideoJS player Make sure as below: Video file ext: html_video,media_source,.f4v,.flv Audio file ext: html_audio View the restored course on different browsers (including mobile) Verify that you can play all videos/audios. Verify that in "html5 embed" you should be able to show captions and jump to chapters .  (The media links added within a label should be embedded and able to be played in the course page, while to test media links added within other resources or activities you will need to access the activity).  Change interface language to one of this list. Verify that the video player buttons are also translated (enough to check in one browser). RecordRTC playback on MacOS/iOS (This one was copied from MDL-65943 ) 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.
    • 6
    • Team Hedgehog 2023 Sprint 2.0, Team Hedgehog 2023 Sprint 2.1

    Description

      ogv.js tech plugin for VideoJS (amd/src/videojs-ogvjs-lazy.js) 0.1.2 --> 0.2.1 https://github.com/HuongNV13/videojs-ogvjs

      Attachments

        1. videojs_samples.mbz
          10.13 MB
        2. translated_de.png
          translated_de.png
          461 kB
        3. MDL-77654-macos-catalina-safari-browserstack.png
          MDL-77654-macos-catalina-safari-browserstack.png
          137 kB
        4. MDL-77654-linux-firefox.png
          MDL-77654-linux-firefox.png
          2.25 MB
        5. MDL-77654-linux-chrome.png
          MDL-77654-linux-chrome.png
          2.01 MB
        6. MDL-77654-iphone13-safari-browserstack.png
          MDL-77654-iphone13-safari-browserstack.png
          111 kB
        7. MDL-77654-ipad16-safari.jpg
          MDL-77654-ipad16-safari.jpg
          89 kB
        8. macos_safari_playing_recorded_video_480.mov
          1.71 MB
        9. macos_safari_playing_recorded_audio_480.mov
          650 kB
        10. macos_chrome_480p.mov
          15.54 MB
        11. iphone_safari_recorded_video.PNG
          iphone_safari_recorded_video.PNG
          2.88 MB
        12. iphone_safari_recorded_audio.PNG
          iphone_safari_recorded_audio.PNG
          426 kB
        13. iphone_chrome_videos.PNG
          iphone_chrome_videos.PNG
          2.30 MB
        14. iphone_chrome_html5_cc.PNG
          iphone_chrome_html5_cc.PNG
          1.47 MB
        15. ipad_safari_recorded_video_ngrok.jpeg
          ipad_safari_recorded_video_ngrok.jpeg
          687 kB
        16. ipad_safari_recorded_video_error.jpeg
          ipad_safari_recorded_video_error.jpeg
          324 kB
        17. ipad_safari_recorded_audio_error.jpeg
          ipad_safari_recorded_audio_error.jpeg
          403 kB
        18. ipad_safari_html5.jpeg
          ipad_safari_html5.jpeg
          533 kB
        19. ipad_audio_safari_working.jpeg
          ipad_audio_safari_working.jpeg
          201 kB

        Issue Links

          Activity

            People

              huongn@moodle.com Huong Nguyen
              huongn@moodle.com Huong Nguyen
              David Woloszyn David Woloszyn
              Ilya Tregubov Ilya Tregubov
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

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

                  Clockify

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