WebSocket聊天用戶端

最近要在微信裡面做一個視訊談論區，想把視訊固定在頁面上不移動，隻讓連天記錄滾動，

下面介紹一下即時聊天的一個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 + "\"");