1. websocket是什么？
   就是用來創建網絡聊天室，實時通信
2. websocket的方法有哪些？
   https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets
3. 如何實現：（以下實現流程）
   前端：

 		 // 直播中// 聊天websocket()const wsurl = 'wss://...';var websocket = new WebSocket(wsurl);//注意不要加()調用函數，不然會立即調用會報錯websocket.onopen = websocketonopen;websocket.onmessage = websocketonmessage;websocket.onerror = websocketonerror;websocket.onclose = websocketonclose;//發送按鈕事件$('.sendBtn').click(()=>{send()})// 發送消息function send(){//獲取輸入框的內容content = $('#content').val()let data = {fd:fd,content:content,courseid: courseid,uid:uid,user_nickname:user_nickname,avatar:avatar,liveuid:liveuid,type:'msg'};//data看需求傳什么值，同時與后端協調要什么websocket.send(JSON.stringify(data));//重置輸入框$('#content').val('')}// 獲取消息function websocketonmessage(e){var data = JSON.parse(e.data);if(data.type =='login'){console.log(data.fd+'進入了聊天室')}if(data.type=='close'){console.log(data.fd+'離開了聊天室')}if(data.type=='msg'){var recev_msg = JSON.parse(data.data);//往頁面放發送和接受的消息messageItem(recev_msg.uid,recev_msg)}if(data.type=='num'){console.log(data)}fd = data.fd;if(data.type=='login'){console.log(data.num)// this.$data.msg.push(data.num);}num = data.num;//this.$data.msg.push(data);}// 建立連接function websocketonopen(e){data = {courseid: courseid,uid:uid,type:'login'// user_nickname:user_nickname,// avatar:avatar,};websocket.send(JSON.stringify(data));console.log('鏈接成功')// this.$data.msg.push("鏈接成功")}// 關閉鏈接function websocketonclose(e){}function websocketonerror(e){}
//通過判斷uid==uidItem當前用戶id和接受的消息id是不是一樣的  一樣就自己發送的，不一樣就是別人發送的
function messageItem(uidItem,item){if(uid==uidItem){// 我發送的$('.live-discussion-content-top').append(`<div class="send-message-content"><div class="receive-message-item"><div class="receive-message-item flex align-items justify-end"><div class="receive-content"><div class="send-user-name">${item.user_nickname}</div><div class="send-content">${item.content}</div></div><div class="receive-photo"><imgsrc="${item.avatar}"alt="用戶頭像"></div></div></div></div>`)}else{// 接收的信息$('.live-discussion-content-top').append(`<div class="receive-message-content"><div class="receive-message-item flex align-items"><div class="receive-photo"><imgsrc="${item.avatar}"alt="用戶頭像"></div><div class="receive-content"><div class="user-name">${item.user_nickname}</div><div class="user-content">${item.content}</div></div></div></div>`)}}