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

Create a new filter to convert h5p.com and h5p.org urls to embed code

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Prerequisites:

      • Having multiple H5P content URLs:
      • Go to admin -> plugins -> filters -> h5p and, in "Allowed sources", add this:

        https://h5p.org/h5p/embed/580638
        https://h5p.org/h5p/embed/6729
        https://moodle.org|https://moodle.org/
        https://moodle.h5p.com/content/1290729733828858779
        

      Test

      1. Check in Site administration > Plugins > Filters > Manage filters 'Convert URLs into links and images' filter is Disabled or, in case it is On, is ordered below H5P filter.
      2. Create a course C1.
      3. In course C1, add a Label anywhere.
      4. In the Label text Atto editor, copy and paste  the following text using the HTML/code view:

      <div>1.valid URL: https://h5p.org/h5p/embed/580638</div>
      <div>2.another valid URL: https://h5p.org/h5p/embed/6729</div>
      <div>3.non valid URL: https://moodle.org</div>
      <div>4.URL inside a link tag: <a href="https://h5p.org/h5p/embed/6729">link</a></div>
      <div>5.paragraph with a valid URL https://h5p.org/h5p/embed/580638 inside</div>
      <div>6.a valid URL ended by '/embed': https://moodle.h5p.com/content/1290729733828858779/embed</div>
      <div>7.an h5p.com valid URL not ended by '/embed': https://moodle.h5p.com/content/1290729733828858779</div>

      1. Confirm that the H5P contents of 1, 2, 5, 6 and 7 are displayed.
      Show
      Prerequisites: Having multiple H5P content URLs: Go to admin -> plugins -> filters -> h5p and, in "Allowed sources", add this: https://h5p.org/h5p/embed/580638 https://h5p.org/h5p/embed/6729 https://moodle.org|https://moodle.org/ https://moodle.h5p.com/content/1290729733828858779 Test Check in Site administration > Plugins > Filters > Manage filters 'Convert URLs into links and images' filter is Disabled or, in case it is On, is ordered below H5P filter. Create a course C1. In course C1, add a Label anywhere. In the Label text Atto editor, copy and paste  the following text using the HTML/code view : <div>1.valid URL: https://h5p.org/h5p/embed/580638</div> <div>2.another valid URL: https://h5p.org/h5p/embed/6729</div> <div>3.non valid URL: https://moodle.org</div> <div>4.URL inside a link tag: <a href="https://h5p.org/h5p/embed/6729">link</a></div> <div>5.paragraph with a valid URL https://h5p.org/h5p/embed/580638 inside</div> <div>6.a valid URL ended by '/embed': https://moodle.h5p.com/content/1290729733828858779/embed</div> <div>7.an h5p.com valid URL not ended by '/embed': https://moodle.h5p.com/content/1290729733828858779</div> Confirm that the H5P contents of 1, 2, 5, 6 and 7 are displayed.
    • Affected Branches:
      MOODLE_38_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-66397-master-embed
    • Sprint:
      H5P Sprint 1, H5P Sprint 2, H5P Sprint 3

      Description

      As a tool for content creators, to make it easier to use existing H5P content in Moodle, we have to create a new filter that allows to display automatically the H5P links from h5p.org or h5p.com.

      For URLs like https://xxx.h5p.com/content/yyy or https://h5p.org/h5p/embed/yyy the button should add the HTML code above:

        

      <iframe src="https://xxx.h5p.com/content/yyy/embed" width="www" height="hhh" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe><script src="https://xxx.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>

       

      or

       

      <iframe src="https://h5p.org/h5p/embed/yyy" width="www" height="hhh" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
      <script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>
       

       

       

      Tasks:

      • Create a basic skeleton H5P filter
      •  Add/Edit filter's settings: default width and weight. Default values for geolocation, microphone, camera, midi and encrypted-media permissions.
      • Prepare filter to convert URLs into a player: URL from a domain (no package) - Use H5P.org/.com embed code to render
      • Privacy: No user data

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              vmdef Víctor Déniz Falcón
              Reporter:
              amaia Amaia Anabitarte
              Peer reviewer:
              Amaia Anabitarte
              Integrator:
              Eloy Lafuente (stronk7)
              Tester:
              Gladys Basiana
              Participants:
              Component watchers:
              Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              Votes:
              0 Vote for this issue
              Watchers:
              13 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                18/Nov/19

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 week, 3 days, 30 minutes
                  1w 3d 30m