edly-io / h5pxblock Goto Github PK

View Code? Open in Web Editor NEW

12.0 3.0 19.0 2.31 MB

Xblock which provides ability to play H5P content in open edX

License: MIT License

Python 39.95% JavaScript 35.71% HTML 18.05% CSS 4.41% Makefile 1.87%

h5pxblock's Introduction

Play H5P content in Open edX using h5pxblock

H5P Xblock provides ability to host and play H5P content in open edX. It has few more features

Ability to mark H5P content complete in open edX
Ability to capture score of H5P content in open edX
Save learner state which can be retrieved later
Ability to host H5P content on cloud storage like AWS S3

Setup

Install Xblock

pip install h5p-xblock

Update Advanced Settings of course

Update course advanced settings by adding h5pxblock

Upload H5P Content

Xblock should be available in Advanced component list of course unit now. Add xblock in unit and click "Edit" button to
upload H5P content and configure it.

Publish Content

Use "Preview" button to preview it or publish your content and use "View Live Version" button to see how it appears
on LMS

Working with translations

You can help by translating this project. Follow the steps below:

Create a folder for the translations in locale/, eg: locale/es_419/LC_MESSAGES/, and create your text.po file with all the translations.
Run make compile_translations, this will generate the text.mo file.
Create a pull request with your changes.

h5pxblock's People

Contributors

Stargazers

Watchers

Forkers

huwaizatahir2 schoddle icarrr snglth crsry gtoffoli snoseeds titaned open-craft edunext yagnesh77 blend-ed fxpar ra-fkuhn sandroscosta fccn epfl-cede huynk05 yxzhan

h5pxblock's Issues

Fullscreen and Control Bar Issues in Student View for Interactive Video H5P Component

Steps to reproduce:

add an interactive video h5p component from the studio and publish
click on Live preview version
now attempt to make the video fullscreen
then exit the fullscreen mode and again make the video fullscreen

Observed behaviour:
the video only takes up about 150px of height from the top in the first attempt to make video fullscreen, whereas in the second attempt the video takes up fullscreen but now we have lost the video controls at the bottom

screenshot:

Expected behaviour:
video goes to fullscreen in the first attempt itself also making the video controls available at the bottom

tutor version: 15.3.8
chrome version: Version 115.0.5790.102 (Official Build) (64-bit)

i guess the issue is with applying some styling in xblock, i tried out the h5p-standalone, it didn't have such issues.

I'm new to xblock development, so if anyone can guide me or provide some lead on how to resolve this issue it would be helpful

H5P loading trouble in mobile (Android)

H5P components does not load on mobile network but works fine in the wifi. We have tried accessing it from different android devices and it is the same.

Multiple h5ps not loading in single unit

I am raising the issue because multiple H5P xblocks are not working in a single unit, and I am not getting any errors. If I add a single xblock, it is working. Is there any possible way to fix this?
edx version: Ironwood and Python version 2.7 Here, we modified some sets of codes in our Python version to work in our environment.

CORS issue while fetch assets

The error reported by the console is CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

The h5p-standalone version 3.6.0 introduced a new feature accept override of assets fetch function. On the code is the assetsRequestFetchOptions option.
This feature has included the credentials property while fetching assets (using the Fetch API) with the include value instead of the default same-origin.
This breaking change, I think, makes the loading of H5P content from a different domain not possible, like when using a S3 Bucket.

I've opened an issue to the h5p-standalone project tunapanda/h5p-standalone#151 but also a PR tunapanda/h5p-standalone#152
Meanwhile and temporary we at nau.edu.pt are using a forked branch with an applied hot fix that uses the older h5p-standalone v3.5.1 that doesn't have this issue.