|
|
@@ -0,0 +1,189 @@
|
|
|
+var loadingImage = "../assets/loading.f375926b.png";
|
|
|
+const jsx = jsxRuntime.exports.jsx
|
|
|
+ , jsxs = jsxRuntime.exports.jsxs
|
|
|
+ , urlParam = new window.URLSearchParams(location.search)
|
|
|
+ , appId = urlParam.get("appId") || void 0
|
|
|
+ , releaseId = urlParam.get("releaseId") || void 0;
|
|
|
+appId || alert("AppId \u4E0D\u80FD\u4E3A\u7A7A");
|
|
|
+const xverse = new Xverse({
|
|
|
+ env: "DEV",
|
|
|
+ appId,
|
|
|
+ releaseId
|
|
|
+});
|
|
|
+let room;
|
|
|
+function App() {
|
|
|
+ const [i,e] = react.exports.useState(!0)
|
|
|
+ , [t,r] = react.exports.useState(!0)
|
|
|
+ , [n,o] = react.exports.useState("high")
|
|
|
+ , [a,s] = react.exports.useState("");
|
|
|
+ react.exports.useEffect(()=>{
|
|
|
+ l()
|
|
|
+ }
|
|
|
+ , []);
|
|
|
+ const l = async()=>{
|
|
|
+ var R;
|
|
|
+ const f = document.querySelector("#canvas")
|
|
|
+ , d = urlParam.get("roomId") || "e629ef3e-022d-4e64-8654-703bb96410eb"
|
|
|
+ , _ = urlParam.get("userId") || Math.random().toString(16).slice(2)
|
|
|
+ , g = urlParam.get("avatarId") || void 0
|
|
|
+ , m = urlParam.get("appId") || void 0
|
|
|
+ , v = urlParam.get("skinId") || void 0
|
|
|
+ , y = urlParam.get("pathName") || void 0
|
|
|
+ , b = urlParam.get("objectFit") || void 0
|
|
|
+ , T = {
|
|
|
+ width: parseInt(urlParam.get("width") || "1920"),
|
|
|
+ height: parseInt(urlParam.get("height") || "1080")
|
|
|
+ }
|
|
|
+ , C = urlParam.get("ws") ? decodeURIComponent(urlParam.get("ws")) : "wss://uat-eks.xverse.cn/ws"
|
|
|
+ , A = !!urlParam.get("debug")
|
|
|
+ , S = !!urlParam.get("preload")
|
|
|
+ , P = "full";
|
|
|
+ if (Logger.setLevel(A ? LoggerLevels.Debug : LoggerLevels.Warn),
|
|
|
+ S)
|
|
|
+ try {
|
|
|
+ await ((R = xverse.preload) == null ? void 0 : R.start(P, (M,x)=>{
|
|
|
+ const I = `(${M}/${x})`;
|
|
|
+ s(I)
|
|
|
+ }
|
|
|
+ ))
|
|
|
+ } catch (M) {
|
|
|
+ if (console.error(M),
|
|
|
+ M.code === Codes.PreloadCanceled) {
|
|
|
+ toast("\u9884\u52A0\u8F7D\u88AB\u53D6\u6D88");
|
|
|
+ return
|
|
|
+ }
|
|
|
+ toast("\u8FDB\u5165\u5931\u8D25, \u8BF7\u91CD\u8BD5");
|
|
|
+ return
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ room = await xverse.joinRoom({
|
|
|
+ canvas: f,
|
|
|
+ skinId: v,
|
|
|
+ avatarId: g,
|
|
|
+ roomId: d,
|
|
|
+ userId: _,
|
|
|
+ wsServerUrl: C,
|
|
|
+ appId: m,
|
|
|
+ token: " ",
|
|
|
+ nickname: _,
|
|
|
+ firends: ["user1"],
|
|
|
+ viewMode: "full",
|
|
|
+ resolution: T,
|
|
|
+ pathName: y,
|
|
|
+ objectFit: b,
|
|
|
+ hasAvatar: !0,
|
|
|
+ syncToOthers: !0
|
|
|
+ }),
|
|
|
+ u(),
|
|
|
+ c(),
|
|
|
+ window.room = room,
|
|
|
+ e(!1)
|
|
|
+ } catch (M) {
|
|
|
+ console.error(M),
|
|
|
+ alert(M);
|
|
|
+ return
|
|
|
+ }
|
|
|
+ }
|
|
|
+ , u = ()=>{
|
|
|
+ room.on("_coreClick", ({point: f})=>{
|
|
|
+ room._userAvatar.moveTo({
|
|
|
+ point: f
|
|
|
+ })
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ , c = ()=>{
|
|
|
+ room.on("repeatLogin", function() {
|
|
|
+ toast("\u8BE5\u7528\u6237\u5DF2\u7ECF\u5728\u5176\u4ED6\u5730\u70B9\u767B\u5F55", {
|
|
|
+ duration: 1e4
|
|
|
+ })
|
|
|
+ }),
|
|
|
+ room.on("reconnecting", function({count: f}) {
|
|
|
+ toast(`\u5C1D\u8BD5\u7B2C${f}\u6B21\u91CD\u8FDE`)
|
|
|
+ }),
|
|
|
+ room.on("reconnected", function() {
|
|
|
+ toast("\u91CD\u8FDE\u6210\u529F")
|
|
|
+ }),
|
|
|
+ room.on("disconnected", function() {
|
|
|
+ const f = toast("\u8FDE\u63A5\u5931\u8D25\uFF0C\u624B\u52A8\u70B9\u51FB\u91CD\u8BD5", {
|
|
|
+ duration: 1e5,
|
|
|
+ onClick() {
|
|
|
+ f.hideToast(),
|
|
|
+ room.reconnect()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ ;
|
|
|
+ return jsxs("div", {
|
|
|
+ className: "App",
|
|
|
+ children: [jsx("canvas", {
|
|
|
+ id: "canvas",
|
|
|
+ className: "stream unselect"
|
|
|
+ }), !i && (()=>jsxs("div", {
|
|
|
+ className: "debug_control_btns",
|
|
|
+ children: [jsx("button", {
|
|
|
+ onClick: ()=>{
|
|
|
+ var y, b;
|
|
|
+ (y = room.stats) != null && y.isShow ? room.stats.hide() : (b = room.stats) == null || b.show()
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ children: "Toggle Stats"
|
|
|
+ }), jsx("button", {
|
|
|
+ onClick: ()=>{
|
|
|
+ room.debug.toggleSceneshading(),
|
|
|
+ r(room.debug.isSceneShading)
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ children: t ? "\u53D6\u6D88\u4F4E\u6A21\u7740\u8272" : "\u4F4E\u6A21\u7740\u8272"
|
|
|
+ }), jsxs("button", {
|
|
|
+ onClick: ()=>{
|
|
|
+ let y = "average";
|
|
|
+ n === "high" ? y = "average" : n === "average" ? y = "low" : n === "low" ? y = "high" : y = "average",
|
|
|
+ o(y),
|
|
|
+ room.setPictureQualityLevel(y)
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ children: ["\u753B\u8D28\uFF1A", n === "high" ? "\u9AD8" : n === "low" ? "\u4F4E" : "\u4E2D"]
|
|
|
+ }), jsx("button", {
|
|
|
+ onClick: ()=>{
|
|
|
+ room.debug.toggleNearbyBreathPoint()
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ className: "font-size-small",
|
|
|
+ children: "Toggle\u5468\u8FB9\u547C\u5438\u70B9"
|
|
|
+ }), jsx("button", {
|
|
|
+ onClick: ()=>{
|
|
|
+ room.debug.toggleTapBreathPoint()
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ className: "font-size-small",
|
|
|
+ children: "Toggle\u70B9\u51FB\u547C\u5438\u70B9"
|
|
|
+ }), jsx("button", {
|
|
|
+ onClick: ()=>{
|
|
|
+ try {
|
|
|
+ room.debug.dumpStream(()=>{
|
|
|
+ toast("\u5F55\u5236\u5B8C\u6210")
|
|
|
+ }
|
|
|
+ ),
|
|
|
+ toast("\u5F00\u59CB\u5F55\u5236")
|
|
|
+ } catch {
|
|
|
+ toast("\u7801\u6D41\u5F55\u5236\u4E2D\uFF0C\u8BF7\u7A0D\u7B49")
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ className: "font-size-small",
|
|
|
+ children: "\u5F55\u5236\u7801\u6D41\uFF0810s\uFF09"
|
|
|
+ })]
|
|
|
+ }))(), i && jsxs("div", {
|
|
|
+ className: "loading",
|
|
|
+ id: "loading",
|
|
|
+ children: [jsx("img", {
|
|
|
+ src: loadingImage,
|
|
|
+ alt: ""
|
|
|
+ }), jsxs("div", {
|
|
|
+ children: ["\u5373\u5C06\u8FDB\u5165\u573A\u666F ", a]
|
|
|
+ })]
|
|
|
+ })]
|
|
|
+ })
|
|
|
+}
|
xushiting
