Unity WebGL build + Angular integration

Hi all,
is there an easy way to integrate a Unity WebGL build into an Angular 8 project, besides the following already existing solution? -> https://github.com/rgoddat/AngularUnity

Not that this solution would be too complicated, it's just that I want to integrate my Unity build without having to rely on a third party library. Is this possible? Has anybody already tried that or some recommendations how I can tackle this?

Best regards

 

If you just want a unity instance in a component, that should be easy enough. Just make an angular component and in ngOnInit(), run UnityLoader.instantiate(). You will need to import the UnityLoader.js file in your template.

 

Unfortunately this doesn't work as simple as it may sound. I added the build folder to my project, linked everything in my angular.json and index.html head. But 'UnityLoader.js' and 'UnityProgress.js' are blocked due to a MIME-Typ-Conflict ("text/html")

If I remove the scripts from the header and try it again the webconsole shows: ERROR SyntaxError: "JSON.parse: unexpected character at line 1 column 1 of the JSON data" onload UnityLoader.js:4

 

I am also having the same problem I have tried this solution, by copying the same file structure -> https://unitylist.com/p/h6r/angular-Unity

 

I had the same problem - integrating WebGL in Angular 12. Followed the setup in this repository and it worked for me. https://github.com/KhalidSaud/AngularUnityGames/ . The only thing is that you need to use Unity 2019 or lower.

 

Hi all,
i am working on webgl and angular project. i have created a 3d scene having tv screen and i want to play live video while i am integrating my project with angular on web and that video i cannot pass in url form that is only on angular video tag and i want that video should play inside unity scene not outside.
is this possible?
Please help me to find the solution.

Thanks