renyicun
/
ZhongMianAdmin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>主持人</title>
        <style>
            html,
            body {
                width: 100%;
                height: 100%;
                margin: 0;
                overflow: hidden;
            }
            .scene {
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div id="scene" class="scene"></div>
        <script src="../../libs/socket.io.min.js"></script>
        <script src="//4dkk.4dage.com/v4/sdk/4.2.2/kankan-sdk-deps.js"></script>
        <script src="//4dkk.4dage.com/v4/sdk/4.2.2/kankan-sdk.js"></script>
        <script>
            function getURLParams(params) {
                var p = []
                for (let key in params) {
                    p.push(key + '=' + encodeURIComponent(params[key]))
                }
                return p.join('&')
            }
            function createSocket(config) {
                var socket = io('https://epx-ws.4dkankan.com/', {
                    path: '/ws-sync',
                    transports: ['websocket'],
                })
                return socket
            }

            var kankan = null
            var isJoined = false
            var socket = createSocket()

            socket.on('connect', () => {
                socket.emit('join', {
                    userId: Date.now().toString(),
                    roomId: 'test-room',
                    role: 'customer',
                })
            })

            socket.on('join', data => {
                isJoined = true
            })

            socket.on('action', data => {
                if (data.type == 'error') {
                } 
            })

            socket.on('sync', data => {
                kankan.Connect.sync.receive(data)
            })

            var kankan = new KanKan({
                dom: '#scene',
                num: 'KJ-JYo2ZZyKKJ',
            })


            kankan.Scene.on('loaded', () => {
                kankan.Connect.sync.start()
                socket.emit('action', { type: 'user-init' })    
            })

            kankan.Connect.sync.on('data', data => {
                if (isJoined) {
                    socket.emit('sync', data)
                }
            })

            kankan.render()
        </script>
    </body>
</html>