xushiting
/
Metaverse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
							<!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" />
   
</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="https://unpkg.com/axios/dist/axios.min.js"></script>

    <!-- <script src="./webrtc//adapter-7.4.0.min.js"></script>
    <script src="./webrtc/srs.sdk.js"></script> -->
    <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";


    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 id="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>