xushiting
/
Metaverse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./index.css" /> -->
   
    <link rel="stylesheet" href="./css/toastify.min.css" />
   
</head>
<body>

    <!-- Babylon.js -->
    <script src="./libs/jquery-1.10.2.min.js"></script>
    <script src="./libs/dat.gui.min.js"></script>
    <script src="./libs/ammo.js"></script>
    <script src="./libs/cannon.js"></script>
    <script src="./libs/Oimo.js"></script>
    <script src="./libs/earcut.min.js"></script>
    <script src="./libs/recast.js"></script>

    <script src="./libs/babylon.js"></script>
    <script src="./libs/babylonjs.materials.min.js"></script>
    <script src="./libs/babylonjs.proceduralTextures.min.js"></script>
    <script src="./libs/babylonjs.postProcess.min.js"></script>
    <script src="./libs/babylonjs.loaders.js"></script>
    <script src="./libs/babylonjs.serializers.min.js"></script>
    <script src="./libs/babylon.gui.min.js"></script>
    <script src="./libs/babylon.inspector.bundle.js"></script>
    <script src="./libs/socket.2.3.js"></script>
    <script src="./libs/events.js"></script>
    <script src="./libs/axios.min.js"></script>

    <!-- <script src="./webrtc//adapter-7.4.0.min.js"></script>
    <script src="./webrtc/srs.sdk.js"></script> -->
    <link rel="stylesheet" href="./css/index.cb1a6e05.css" />
    <script>
        const SERVER_URLS = {
            DEV: "wss://sit-eks.xverse.cn/ws",
            PROD: "wss://eks.xverse.cn/ws"
        }
        , REPORT_URL = {
            DEV: "https://xa.xverse.cn:6680/collect",
            PROD: "https://xa.xverse.cn/collect"
        }
        , MAX_RECONNECT_COUNT = 3
        , DEFAULT_JOINROOM_TIMEOUT = 15e3
        , DEFAULT_MAIN_CAMERA_FOV = 50
        , DEFAULT_AVATAR_SCALE = 1
        , REPORT_NUM_PER_REQUEST = 20
        , DEFAULT_OPEN_TIMEOUT_MS = 6e3
        , WS_CLOSE_NORMAL = 1e3
        , WS_CLOSE_RECONNECT = 3008
        , PING_INTERVAL_MS = 1e3
        , TEXTURE_URL = "https://static.xverse.cn/qqktv/texture.png"
        , REPORT_MODULE_TYPE = "xverse-js"
        , authenticationErrorCodes = [3001, 3002, 3003, 3005]
        , RTT_MAX_VALUE = 200
        , HB_MAX_VALUE = 500
        , DURATION = 10
        , NET_INTERVAL = 1;
    const VERSION$1 = "1.0.75"
    , ENV = "production";
  
    const COMPONENT_LIST_PREFIX = "./assets/component_list.json";
    const isFunction = i=>typeof i == "function";

    const blobToDataURI = async i=>new Promise((e,t)=>{
        const r = new FileReader;
        r.readAsDataURL(i),
        r.onload = function(n) {
            var o;
            e((o = n.target) == null ? void 0 : o.result)
        }
        ,
        r.onerror = function(n) {
            t(n)
        }
    });

    const avatarSetting = {
        fileType: ".glb",
        lodType: "_lod",
        lod: [{
            level: "lod0",
            fileName: ".glb",
            quota: 5,
            dist: 1e3
        }, {
            level: "lod1",
            fileName: "_lod2.glb",
            quota: 5,
            dist: 2e3
        }, {
            level: "lod2",
            fileName: "_lod4.glb",
            quota: 0,
            dist: 7500
        }],
        isRayCastEnable: !0,
        maxAvatarNum: 40,
        maxBillBoardDist: 7500,
        body: "body",
        head: "head",
        hair: "hair",
        suit: "suit",
        pants: "pants",
        shoes: "shoes",
        clothes: "clothes",
        animations: "animations",
        defaultIdle: "Idle",
        cullingDistance: 200,
        defaultMove: "Walking"
    }
    , avatarResources = {
        ygb: {
            name: "ygb",
            mat: "NM_ygb",
            mesh: "ygb"
        }
    }
    , action = {
        GiftClap: {
            animName: "GiftClap",
            keyTime: 1760
        },
        Cheering: {
            animName: "Cheering",
            attachPair: [{
                bone: "mixamorig_MiddleFinger2_R",
                obj: "ygb",
                offset: {
                    x: 0,
                    y: 0,
                    z: 0
                },
                rotate: {
                    x: 0,
                    y: 3.84,
                    z: 0
                },
                scale: {
                    x: 1,
                    y: 1,
                    z: 1
                }
            }, {
                bone: "mixamorig_MiddleFinger2_L",
                obj: "ygb",
                offset: {
                    x: 0,
                    y: 0,
                    z: 0
                },
                rotate: {
                    x: 0,
                    y: 3.49,
                    z: 0
                },
                scale: {
                    x: 1,
                    y: 1,
                    z: 1
                }
            }]
        }
    }

    const checkOS = ()=>{
    const i = navigator.userAgent
      , e = /(?:Windows Phone)/.test(i)
      , t = /(?:SymbianOS)/.test(i) || e
      , r = /(?:Android)/.test(i)
      , n = /(?:Firefox)/.test(i);
    /(?:Chrome|CriOS)/.test(i);
    const o = /(?:iPad|PlayBook)/.test(i) || r && !/(?:Mobile)/.test(i) || n && /(?:Tablet)/.test(i)
      , a = /(?:iPhone|ipad|ipod)/.test(i) && !o
      , s = !a && !r && !t;
    return {
        isTablet: o,
        isPhone: a,
        isIOS: /iPhone|iPod|iPad/.test(navigator.userAgent),
        isAndroid: r,
        isPc: s
    }
}
  , ue4Rotation2Xverse = i=>isRotationCorrect() ? (i.pitch >= 89.5 ? i.pitch = 89.5 : i.pitch <= -89.5 && (i.pitch = -89.5),
new Vector3(-1 * Math.PI * i.pitch / 180,Math.PI * i.yaw / 180 - Math.PI * 27 / 18,Math.PI * i.roll / 180 < .001 ? 0 : Math.PI * i.roll / 180)) : null
  , ue4Rotation2Xverse_mesh = i=>isRotationCorrect() ? new Vector3(Math.PI * i.pitch / 180,Math.PI * i.yaw / 180,Math.abs(Math.PI * i.roll) / 180 < .001 ? 0 : -1 * (Math.PI * i.roll) / 180) : null
  , scaleFromUE4toXverse = 100
  , ue4Scaling2Xverse = i=>isScalingCorrect() ? new Vector3(i.x,i.z,-1 * i.y) : null
  , ue4Position2Xverse = i=>isPositionCorrect() ? new Vector3(i.x * .01,i.z * .01,-1 * i.y * .01) : null
  , xversePosition2Ue4 = i=>isPositionCorrect() ? {
    x: i.x * 100,
    y: -1 * i.z * 100,
    z: i.y * 100
} : null
  , xverseRotation2Ue4 = i=>{
    if (isPositionCorrect()) {
        let e = 0;
        return i.z == 0 ? e = 0 : e = 180 * i.z / Math.PI,
        {
            pitch: 180 * i.x * -1 / Math.PI,
            yaw: (i.y + Math.PI * 27 / 18) * 180 / Math.PI,
            roll: e
        }
    } else
        return null
}
  , calcDistance3D = (i,e)=>Math.sqrt((i.x - e.x) * (i.x - e.x) + (i.y - e.y) * (i.y - e.y) + (i.z - e.z) * (i.z - e.z))
  , calcDistance3DVector = (i,e)=>Math.sqrt((i.x - e.x) * (i.x - e.x) + (i.y - e.y) * (i.y - e.y) + (i.z - e.z) * (i.z - e.z))
  , isPositionCorrect = i=>!0
  , isScalingCorrect = i=>!0
  , calcDistance3DAngle = (i,e)=>Math.sqrt((i.roll - e.roll) * (i.roll - e.roll) + (i.pitch - e.pitch) * (i.pitch - e.pitch) + (i.yaw - e.yaw) * (i.yaw - e.yaw))
  , isRotationCorrect = i=>!0
  , getStringBoundaries = (i,e,t=new Map)=>{
    let r = 0
      , n = ""
      , o = -1
      , a = 0;
    const s = [0];
    for (let l = 0; l < i.length; l++) {
        const u = i.codePointAt(l);
        let c = t.get(u);
        if (c)
            r += c,
            n += i[l],
            u > 64 && u < 91 || u > 96 && u < 123 ? (o == -1 && (o = l),
            a += c) : (o = -1,
            a = 0);
        else if (u < 975 || u > 1024 && u < 1920)
            c = 1,
            r++,
            n += i[l],
            u > 64 && u < 91 || u > 96 && u < 123 ? (o == -1 && (o = l),
            a += c) : (o = -1,
            a = 0);
        else if (u > 4499 && u < 4600 || u > 8207 && u < 8232 || u > 8238 && u < 8287 || u > 8238 && u < 8287 || u > 8304 && u < 8384 || u > 8447 && u < 9211 || u > 11263 && u < 11624 || u > 11646 && u < 11671 || u > 11679 && u < 11845 || u > 11903 && u < 12020 || u > 12031 && u < 12246 || u > 12287 && u < 12544 || u > 12548 && u < 12728 || u > 12735 && u < 12772 || u > 12783 && u < 19894 || u > 19967 && u < 40918 || u > 42191 && u < 42240 || u > 44031 && u < 55204 || u > 59276 && u < 59287 || u > 59412 && u < 59493 || u > 63743 && u < 64207 || u > 65039 && u < 65050 || u > 65071 && u < 65510)
            c = 2,
            r += 2,
            o = -1,
            a = 0,
            n += i[l];
        else if (u > 9311 && u < 11158) {
            c = 2,
            r += 2,
            o = -1,
            a = 0,
            n += i[l];
            const h = i.codePointAt(l + 1);
            h > 65023 && h < 65040 && (n += i[l + 1],
            l++)
        } else
            u > 126979 && u < 129783 && (c = 2,
            r += 2,
            o = -1,
            a = 0,
            l++,
            n += String.fromCodePoint(u));
        if (l == s[s.length - 1] + 1 && o > 0 ? (s[s.length - 1] = o,
        r = 0 + a) : r > e && (s.push(l),
        a >= r && (a = 0 + c,
        o = 0),
        r = 0 + c),
        l >= i.length - 1)
            break
    }
    return s[s.length - 1] != i.length && s.push(i.length),
    [n, s]
}

    var De = Object.defineProperty
    , Ne = Object.defineProperties;
    var we = Object.getOwnPropertyDescriptors;
    var be = Object.getOwnPropertySymbols;
    var Me = Object.prototype.hasOwnProperty
    , Ie = Object.prototype.propertyIsEnumerable;
    var Se = (i,e,t)=>e in i ? De(i, e, {
        enumerable: !0,
        configurable: !0,
        writable: !0,
        value: t
    }) : i[e] = t
    , oe = (i,e)=>{
        for (var t in e || (e = {}))
            Me.call(e, t) && Se(i, t, e[t]);
        if (be)
            for (var t of be(e))
                Ie.call(e, t) && Se(i, t, e[t]);
        return i
    }
    , le = (i,e)=>Ne(i, we(e));
    var Oe = (i,e)=>{
        var t = {};
        for (var r in i)
            Me.call(i, r) && e.indexOf(r) < 0 && (t[r] = i[r]);
        if (i != null && be)
            for (var r of be(i))
                e.indexOf(r) < 0 && Ie.call(i, r) && (t[r] = i[r]);
        return t
    };


    </script>

    <div id="root">
        <div class = "App">
            <canvas id = "canvas" class = "stream unselect">
                
            </canvas>
        </div>
        <div class="debug_control_btns">
            <button class="debugger1">Toggle Stats</button>
            <button class="debugger2">取消低模着色</button>
            <button class="debugger3">画质：高</button>
            <button class="font-size-small debugger4" onclick="room.debug.toggleNearbyBreathPoint">Toggle周边呼吸点</button>

            <button class="font-size-small debugger5" onclick="room.debug.toggleTapBreathPoint">Toggle点击呼吸点</button>
            <button class="font-size-small debugger6" >录制码流（10s）</button>
        </div>
   
    </div>
    <script type="module">
        document.querySelector('.debugger1').onclick = ()=>{
            var y, b;
                  (y = room.stats) != null && y.isShow
                    ? room.stats.hide()
                    : (b = room.stats) == null || b.show();
        }
        document.querySelector('.debugger2').onclick = ()=>{
            room.debug.toggleSceneshading(), r(room.debug.isSceneShading);
        }
        document.querySelector('.debugger3').onclick = ()=>{
            let y = "average";
                  n === "high"
                    ? (y = "average")
                    : n === "average"
                    ? (y = "low")
                    : n === "low"
                    ? (y = "high")
                    : (y = "average"),
                    o(y),
                    room.setPictureQualityLevel(y);
        }
        document.querySelector('.debugger4').onclick = ()=>{
            room.debug.toggleNearbyBreathPoint();
        }
        document.querySelector('.debugger5').onclick = ()=>{
            room.debug.toggleTapBreathPoint();
        }
        document.querySelector('.debugger6').onclick = ()=>{
            room.debug.dumpStream(() => {
                    //   toast("\u5F55\u5236\u5B8C\u6210");
                    });
            // toast("\u5F00\u59CB\u5F55\u5236");
        }


    </script>

    <script src="js/index.js"></script>
</body>
</html>