How to merge Agora Unity3D WebGL and ReadyPlayerme Unity3D WebGL template?
Agora Unity3D WebGL :
How to merge Agora Unity3D WebGL and ReadyPlayerme Unity3D WebGL template?
Agora Unity3D WebGL :
ReadyPlayerMe Unity3D:
Both have different web templates need to merge. Then only two packages will work.
Follow below steps:
1. AgoraTemplate2020\TemplateData: Under this folder you can add ReadyPlayerMe folder(RPMTemplate\TemplateData\ReadyPlayerMe). 2. From RPMTemplate\TemplateData folder, Global.js, unitySetup.js scripts you add into AgoraTemplate2020\TemplateData
3. AgoraTemplate2020\AgoraWebSDK\libs: from this eventmanager.js you can replace instead of UnityInstance , you can change unityGame Ex: unityGame.SendMessage(“AgoraEventHandler”, “LastMileQuality”, quality);
Next need to modify AgoraTemplate2020/index.html file.
<!DOCTYPE html> <html lang=”en-us”>
<head> <meta charset=”utf-8"> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8"> <title>Metaverse VRM</title> <link rel=”shortcut icon” href=”TemplateData/favicon.ico”> <link rel=”stylesheet” href=”TemplateData/style.css”> <link rel=”stylesheet” href=”TemplateData/ReadyPlayerMe/RpmStyle.css”><! — Required for RPM Web Creator → <script src=”AgoraWebSDK/libs/agora-extension-virtual-background.js”></script> <script src=”AgoraWebSDK/libs/virtualbackground.js”></script> <script src=”AgoraWebSDK/libs/databuilder.js”></script> <script src=”AgoraWebSDK/libs/clientmanager.js”></script> <script src=”AgoraWebSDK/libs/wglwrapper.js”></script> <script src=”AgoraWebSDK/libs/audioeffects.js”></script> <script src=”AgoraWebSDK/libs/eventmanager.js”></script> <script src=”AgoraWebSDK/libs/engineglobals.js”></script> <script src=”AgoraWebSDK/libs/watermark.js”></script> <script src=”AgoraWebSDK/libs/customvideo.js”></script> <script src=”AgoraWebSDK/libs/agorachannel.js”></script> <script src=”AgoraWebSDK/libs/multichannel.js”></script> <script src=”AgoraWebSDK/libs/audiosystem.js”></script> <script src=”AgoraWebSDK/libs/testing.js”></script> <script src=”AgoraWebSDK/libs/agorautils.js”></script> <script src=”AgoraWebSDK/libs/audiomixing.js”></script> <script src=”AgoraWebSDK/agorartcenginev2.js”></script> <script src=”AgoraWebSDK/vendor/materialize.min.js”></script> <script src=”AgoraRTC_N.js”></script> <script src=”AgoraWebSDK/libs/spatial-audio-main.js” type=”module”></script> <script src=”AgoraWebSDK/vendor/jquery.min.js”></script>
</head>
<body> <div id=”unity-container” class=”unity-desktop”> <! — rpm-container div and contents required for RPM Web Creator → <div id=”rpm-container”> <iframe id=”rpm-frame” class=”rpm-frame” allow=”camera ; microphone ”></iframe> <button id=”rpm-hide-button” onclick=”hideRpm()”>Hide</button> </div> <! — rpm-container div and contents required for RPM Web Creator → <canvas id=”unity-canvas”></canvas> <div id=”unity-loading-bar”> <div id=”unity-logo”></div> <div id=”unity-progress-bar-empty”> <div id=”unity-progress-bar-full”></div> </div> </div> <div id=”unity-mobile-warning”> WebGL builds are not supported on mobile devices. </div> <div id=”unity-footer”> <div id=”unity-webgl-logo”></div> <div id=”unity-fullscreen-button”></div> </div> </div>
<canvas id=”inMem_Canvas” height=”450" width=”450" style=”display: none;”></canvas> <canvas id=”myCanvas” height=”450" width=”450" style=”display: none;”></canvas>
<div> <div id=”client-stats” class=”stats”></div> <div class=”row video-group”> <div class=”col”> <p id=”local-player-name” class=”player-name”></p> <div class=”player-with-stats”> <div id=”local-player” class=”player”></div> <div id=”local-stats” class=”stream-stats stats”></div> </div> </div> <div class=”w-100"></div> <div class=”col”> <div id=”remote-playerlist”></div> </div> </div> </div> <script src=”TemplateData/ReadyPlayerMe/RpmGlobal.js”></script> <! — Required for RPM Web Creator → <script src=”TemplateData/Global.js”></script> <script src=”TemplateData/UnitySetup.js”></script> <script src=”TemplateData/ReadyPlayerMe/ReadyPlayerMeFrame.js”></script> <! — Required for RPM Web Creator →
</body>
</html>
메타데이터
- post_id
- 4e00c372144b
- slug
- how-to-merge-agora-unity3d-webgl-and-readyplayerme-unity3d-webgl-template-4e00c372144b
- url
- https://medium.com/@subbu5280/how-to-merge-agora-unity3d-webgl-and-readyplayerme-unity3d-webgl-template-4e00c372144b
- canonical_url
- https://medium.com/@subbu5280/how-to-merge-agora-unity3d-webgl-and-readyplayerme-unity3d-webgl-template-4e00c372144b
- author_url
- https://medium.com/@subbu5280
- status
- ok
- fetched_at
- 2026-07-18 14:44:20
