Error installation and centent error

I attempt to upload .h5p file via downloaded https://h5p.org/presentation  , and  it shows all h5p content , and can use it .

but the problem is not sovled , msg is 

Content type list outdated

Your site is having difficulties connecting to H5P.org to check for content type updates. You may not be able to update or install new content types.

I think that my moodle url is "http://127.0.0.1/moodle", it cannot be registered with Moodle Hub. That's why shows msg: 

Site could not be registered with the hub. Please contact your site administrator.

so, it also shows msg:

The H5P Hub has been disabled until this problem can be resolved.

After that , I attempt to install moodle 3.4 on Google Cloud Platform with Bitnami. 

All things are good, never show error msg. 

Here is my moodle site : 

and I used course ppt content to create a sample course for learning Japanese :

and I create a account for h5p, you can login in as student , bcz in the further I'll request for my feature requirments what support my learning Japanese project . (Please give me your email , I'll send you username and password. Thank you )

Such as: 1. How to create some image hotspots with tips from course ppt content , also include audio file ?

               2. How to show the waveform of audio file , like this https://wavesurfer-js.org/

               3. How to show the waveform of record audio file ?

               Why I need the waveform of audio file and record audio file ? 

               Bcz I need to compare speaker prouncation and navtive speaker prouncation . The waveform can view by eyes , like using   Audacity for improve Listening Skills and Practice Shadowing

               Tips here: https://www.youtube.com/watch?v=RLRQn5YJifA

                                  https://www.youtube.com/watch?v=jEStFcRQSbE

              I really suggest that h5p Team to implement basic Audacity function.

             If so, student don't use 2 or more tools for learning , just learning on the moodle with h5p , Just only one tool.

             Sounds simplely to learning language, right ? 

            Do I list my needed of basic Audacity function for feature requirement?

          5. How to set Image hotpots transparent like setting player audio mode for transparent. 

             If image hotspots are visiable, as you see, there're many many spots on the image of words . I don't like hotspots blocked words.

          6. How to set animation for course ppt content or slidershow . As you know , animation make fun . like this: https://www.jssor.com/demos/ (see Demo - Slideshows )