How to communicate of iframe score data with parent page

[HasnainX]

Need a little help I want to get a score from the iframe game and show my data on the parent page console. Need code

[Leonidas]

Hi @HasnainX,

You can use the standard JS postMessage() API to communicate between the two instances. Check this manual page, it includes a code sample:

https://developer.playcanvas.com/en/user-manual/publishing/web/communicating-webpage/#embedded-in-iframe

[HasnainX]

Is any project live means this code implemented it would be better for me to understand the code?

[Leonidas]

Ah, sadly I am not aware of a public PlayCanvas project that implements that as an example.

You may be able to find generic Javascript examples though if you do an internet search.

[HasnainX]

Ok thanks for the information

[saif]

Hey @HasnainX , the following thread may be helpful in implementing the communication using postMessageApi.

Communicate from parent page to iFrame

For the communication between different windows, postmessage is surely a better solution than anything. I was trying the same thing from the iframe but id didn’t seem to work. So, i changed things by first i sent a message from playcanvas like this so that my window may know that playcanvas build is loaded: window.top.postMessage("Playcanvas_Ready", "*"); And received it on the other window i.e iframe with the following function: window.addEventListener('message', function(event) { …

[HasnainX]

Well thanks, @saif Is any project live means this code is implemented it would be better for me to understand the code?

[saif]

I am afraid there is no public project in my knowledge.