WebSocket聊天客户端

来源：互联网发布：netbeans python插件编辑：程序博客网时间：2024/05/01 22:19

最近要在微信里面做一个视频谈论区，想把视频固定在页面上不移动，只让连天记录滚动，

下面介绍一下即时聊天的一个websocket实现方法

加载页面时需要先准备

$(document).ready(function () {
            $("#SendDataContainer").hide();
            var WebSocketsExist = true;
            try {
                var dummy = new WebSocket("ws://localhost:8989/test");
            } catch (ex) {
                try
                {
                   webSocket = new MozWebSocket("ws://localhost:8989/test");
                }
                catch(ex)
                {
                   WebSocketsExist = false;
                }
            }

            if (WebSocketsExist) {
                Log("您的浏览器支持WebSocket. 您可以尝试连接到聊天服务器!", "OK");
                document.getElementById("Connection").value = "192.168.3.91:4141/chat";
            } else {
                Log("您的浏览器不支持WebSocket。请选择其他的浏览器再尝试连接服务器。", "ERROR");
                document.getElementById("ToggleConnection").disabled = true;
            }

执行文本加载准备事件

之后

点击链接实现

if ("WebSocket" in window) {
                       ws = new WebSocket("ws://" + document.getElementById("Connection").value);
                    }
                    else if("MozWebSocket" in window) {
                       ws = new MozWebSocket("ws://" + document.getElementById("Connection").value);
                    }

                    SocketCreated = true;
                    isUserloggedout = false;

发送信息

ws.send("login:" + document.getElementById("txtName").value);

ws.send(document.getElementById("txtName").value + "说 :\"" + document.getElementById("DataToSend").value + "\"");

0 0