event data statement doesn't contain response in result object.

[ashraf7hossain]

I tried to extract event data from externalDispatcher but it doesn't contain result when I interact, after clicking finish button at the end it shows result but it doesn't contain any response and object id contains url with localhost I need data.statement like this form. Please help me and tell me if I am missing any configuration of h5pstandalone.

      "actor": {
        "name": "bs_232",
        "objectType": "Agent",
        "account": {
          "name": 91,
          "homePage": "LMS_URL"
        }
      },
      "verb": {
        "id": "http://adlnet.gov/expapi/verbs/answered",
        "display": {
          "en-US": "answered"
        }
      },
      "object": {
        "id": "LMS_URL/xapi/activity/1314?subContentId=e0a0c78b-c59f-4e0d-8796-0f716acb2ed6",
        "objectType": "Activity",
        "definition": {
          "extensions": {
            "http://h5p.org/x-api/h5p-local-content-id": 1,
            "http://h5p.org/x-api/h5p-subContentId": "e0a0c78b-c59f-4e0d-8796-0f716acb2ed6"
          },
          "name": {
            "en-US": "Fall from height"
          },
          "description": {
            "en-US": "How often do you encounter this?nnExample of tasksnWorking near an open hatchnClimbing laddersnLashing near a leading edgennAssociated risksnFalls causing disabling injury ornfatalityn"
          },
          "type": "http://adlnet.gov/expapi/activities/cmi.interaction",
          "interactionType": "choice",
          "correctResponsesPattern": [
            "0[,]1[,]2[,]3[,]4[,]5"
          ],
          "choices": [
            {
              "id": "0",
              "description": {
                "en-US": "Dailyn"
              }
            },
            {
              "id": "1",
              "description": {
                "en-US": "Weeklyn"
              }
            },
            {
              "id": "2",
              "description": {
                "en-US": "Monthlyn"
              }
            },
            {
              "id": "3",
              "description": {
                "en-US": "Yearlyn"
              }
            },
            {
              "id": "4",
              "description": {
                "en-US": "Nevern"
              }
            },
            {
              "id": "5",
              "description": {
                "en-US": "Not suren"
              }
            }
          ]
        }
      },
      "context": {
        "contextActivities": {
          "parent": [
            {
              "id": "LMS_URL/xapi/activity/1314",
              "objectType": "Activity"
            }
          ],
          "category": [
            {
              "id": "http://h5p.org/libraries/H5P.MultiChoice-1.16",
              "objectType": "Activity"
            }
          ]
        }
      },
      "result": {
        "score": {
          "min": 0,
          "max": 1,
          "raw": 1,
          "scaled": 1
        },
        "completion": true,
        "success": true,
        "duration": "PT61.66S",
        "response": "4"
      }
    },```

[0xMurage]

Have you resolved this issue?
If not, kindly share a demo of your player setup.

This package doesn't override the H5P core and content libraries, so everything should function as intended.

[ashraf7hossain]

@0xMurage hello friend,
I was trying to integrate h5p in an ionic-angular (android) project . Here I was using your library and following code to show h5p content, It was working fine. But when I tried to get use interaction using externalDispatcher or other available methods I am not getting my desired information it doesn't give user interaction result.

  async ngOnInit() {
    // this.acr.queryParams.pipe(takeUntil(this.unsubscribe$)).subscribe((params) => {
    //   document.getElementById('h5p-container').innerHTML = '';
    //   this.hasLoaded = false;
    //   this.moduleId = +params['moduleId'];
    //   this.courseId = params['courseId'];
    //   this.courseName = params['courseName'];
    //   this.topicId = params['topicId'];
    //   this.loadContents();
    //   this.isFinal = finalModule(this.moduleId+'');
    // })

    const el = document.getElementById('h5p-container');
    const options = {
      h5pJsonPath: '/assets/h5p-test/contribute-your-own-ideas-181',
      frameJs: '/assets/frame.bundle.js',
      frameCss: '/assets/styles/h5p.css',
    };

    this.hasLoaded = true;

    await new H5PStandalone.H5P(el, options);

  //  console.log();
   const H5P = (window as any).H5P || {};
   H5P.externalDispatcher.on('xAPI', (event) => {
      //do something useful with the event
      console.log('xAPI event: ', event.data.statement);
    });
  }

contribute-your-own-ideas-181.zip
I need users choices from the h5p I attached above.
I am using h5p-standalone 3.5.1
Note: I also tried this method with raw angular project but that didn't work as well.

[ashraf7hossain]

@0xMurage Hello friends could you reproduce the issue?

[0xMurage]

Sorry for the late reply, but I don't understand how you got this code to work.

Based on my understanding of Angular, the element shouldn't be available during the ngOnInit hook. document.getElementById should only work in the ngAfterViewInit hook.

To answer your question, I have tested your H5P (I extracted it in folder named true-false-question) in a box, and it works as expected. I am receiving all the events, including "finished," without any extra options in the H5P player, as shown in the following screenshot.

[0xMurage]

I'm closing this but feel free to reopen the issue.

Create a repository with a minimal reproduction of the issue and share with us here if you are still experiencing the same problem.