Drupal H5P
Download as DOCX, PDF0 likes235 views
The document discusses how to configure the H5P module in Drupal to create and share rich interactive content like videos, quizzes, presentations and more. It provides a step-by-step guide on installing the H5P module, enabling it, adding H5P libraries, creating interactive content types, and how to insert videos and build quizzes within videos using the H5P editor. The H5P module allows importing and exporting of content and easily integrates with learning management systems.
![H5P - CreateandShareRich Content andApplications
Drupal H5PConfiguration:
With this module you will be able to create interactive videos, question
sets, drag and drop questions, multi choice questions, boardgames,
presentations, flashcardsand more using Drupal.
In addition to being an authoring tool for rich content, H5P also enables
your site to import and exportH5P files.
Step 1: Install H5P module in Drupal site [https://www.drupal.org/project/h5p]
Step2.: Enable H5P module.](https://image.slidesharecdn.com/h5p-180619123202/85/Drupal-H5P-1-320.jpg)
![Libraries path Link: https://github.com/h5p/h5p-php-library &
https://h5p.org/interactive-video
Step 4: After the install H5P module in Drupal site, H5P provides “Interactive
content” content type.
H5P provides some fields in managed field in interactive content type [H5P Action,
H5P Upload, H5P Editor]](https://image.slidesharecdn.com/h5p-180619123202/85/Drupal-H5P-4-320.jpg)
![Step 5: Now add an Interactive content.
When click on Interactive content. will appears add Interactive content page[node].](https://image.slidesharecdn.com/h5p-180619123202/85/Drupal-H5P-5-320.jpg)
![H5P provides quiz box formatter and layout formatter for using positioning &size
parameters.
Finally save interaction video content [node].](https://image.slidesharecdn.com/h5p-180619123202/85/Drupal-H5P-10-320.jpg)
Drupal H5P
- 1. H5P - CreateandShareRich Content andApplications Drupal H5PConfiguration: With this module you will be able to create interactive videos, question sets, drag and drop questions, multi choice questions, boardgames, presentations, flashcardsand more using Drupal. In addition to being an authoring tool for rich content, H5P also enables your site to import and exportH5P files. Step 1: Install H5P module in Drupal site [https://www.drupal.org/project/h5p] Step2.: Enable H5P module.
- 2. After enabled H5P module, user can set H5P module configuration according requirements.
- 3. Step 3: Add H5P libraries. After the added/updated libraries you got lot of Installed libraries.
- 4. Libraries path Link: https://github.com/h5p/h5p-php-library & https://h5p.org/interactive-video Step 4: After the install H5P module in Drupal site, H5P provides “Interactive content” content type. H5P provides some fields in managed field in interactive content type [H5P Action, H5P Upload, H5P Editor]
- 5. Step 5: Now add an Interactive content. When click on Interactive content. will appears add Interactive content page[node].
- 6. Step 6: Create video Interactive content, click on Interactive video details.
- 7. This is the interactive video editor, user could be use this section for create quiz under video, When play this video quiz will appeared on time slots (user predefined time slots). User can insert youtube video / upload embed video in modal window. Note: we are using youtube video.
- 8. After the Inserted youtube video / upload embed video in modal window, video will appeared on player mode.
- 9. Click on Add interactions tabs, user can set video pause time duration, display button properties & other H5P interactive video properties. User can added Quiz(SCS / MCQ) type & H5P provides other types of quiz's, developer/user can used for quiz types.
- 10. H5P provides quiz box formatter and layout formatter for using positioning &size parameters. Finally save interaction video content [node].
- 11. H5P easily integrationwith Drupal Opigno distributionandother learning management systems. H5P libraries provides high level customization, helps for build better UI and presentations wise milestones. H5P libraries support you-tube & embed videos and others. THANK YOU Gajendra Sharma :-) Just love to be a part of this Drupal community. :-) Skype ID: gajendrakumarsharma1688 LinkedIn: https://www.linkedin.com/in/gajendrasharma