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

H5P content cached assets not loaded

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.8
    • 3.8
    • H5P
    • MOODLE_38_STABLE
    • MOODLE_38_STABLE
    • MDL-67067-master
    • Hide

      Setup

      1. Login as admin.
      2. Go to the dashboard.
      3. Access to the private files block.
      4. Download the course-presentation.h5p and upload it to the private files block.
      5. Save the changes.

      Test

      1. Copy the URL for the course-presentation.h5p file from the Private files block.
      2. Enter in your browser address bar:
        $CFG->wwwroot/h5p/embed.php?url=paste_url_copied_in_step_1
      3. Check the H5P content is displayed and working as expected.
      4. Open the web developer inspector or the page source code in your browser.
      5. Go to the Sources tab
      6. Expand the section for the h5p iframe.
      7. Expand "[yourmoodlesite]/pluginfile.php/[SOMEID]/core_h5p"
      8. Confirm that you see a folder with a blank name. Expand that.
      9. Confirm that you see a "cachedassets" folder which contains a JS and a CSS file.
        e.g. 82a76223ef473431d736964d531deb3c186e1960.js and 82a76223ef473431d736964d531deb3c186e1960.css.
      10. Confirm that there are no other JS and CSS files under "[yourmoodlesite]/pluginfile.php/[SOMEID]/core_h5p" and its subfolders.

       

      Show
      Setup Login as admin. Go to the dashboard. Access to the private files block. Download the  course-presentation.h5p  and upload it to the private files block. Save the changes. Test Copy the URL for the course-presentation.h5p file from the Private files block. Enter in your browser address bar: $CFG->wwwroot/h5p/embed.php?url=paste_url_copied_in_step_1 Check  the H5P content is displayed and working as expected. Open the web developer inspector or the page source code in your browser. Go to the Sources tab Expand the section for the h5p iframe. Expand " [yourmoodlesite] /pluginfile.php/ [SOMEID] /core_h5p " Confirm that you see a folder with a blank name. Expand that. Confirm that you see a " cachedassets " folder which contains a JS and a CSS file. e.g. 82a76223ef473431d736964d531deb3c186e1960.js and  82a76223ef473431d736964d531deb3c186e1960.css. Confirm that there are no other JS and CSS files under " [yourmoodlesite] /pluginfile.php/ [SOMEID] /core_h5p " and its subfolders.  

      In order to improve page performance, content javascript and stylesheet files are concatenated into two files.

      When the content is displayed, it is expected to load these cache files instead of all the javascript and CSS files. Take a look at the screenshots below.

        1. hvpExternalPlugin.png
          139 kB
          Victor Déniz Falcón
        2. h5pSubsystem.png
          584 kB
          Victor Déniz Falcón
        3. course-presentation.h5p
          4.14 MB
          Sara Arjona (@sarjona)
        4. image-2019-11-04-09-15-31-588.png
          560 kB
          Janelle Barcega

            Geshoski Mihail Geshoski
            vmdef Victor Déniz Falcón
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Jun Pataleta Jun Pataleta
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 hours, 20 minutes
                3h 20m

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