chat 相关问题

“即时消息系统”的通用术语。它还可以表示即时消息系统中发生的讨论。

为小型项目处理 Nest.js 实时应用程序的最佳方法是什么？

处理 Nest.js 实时应用程序的最佳方法是什么？最近给自己做了一个关于 nestjs、nextjs、react-query、redux 工具包的投资组合，上传到托管，绑定域和

next.js nestjs chat real-time

回答 0 投票 0

动态更改 Smartsupp 聊天位置

我在我的网站上安装了 Smartsupp 聊天，功能齐全，添加在页面右下角；然后，当静态购物车通过时，我插入了一个粘性购物车，但它位于

position chat smartsupp

回答 0 投票 0

我尝试使用PeerJS创建一个可以容纳三个或更多人的聊天室，但它根本不起作用。可能是什么问题？

我做了一个像这样的简单聊天程序。当我尝试从另一台计算机访问同一页面 URL 时，没有任何响应。有没有办法解决这个问题？我做了一个这样简单的聊天程序。当我尝试从另一台计算机访问同一页面 URL 时，没有任何响应。有办法解决这个问题吗？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>P2P chat</title> <style> #peer-id { margin-bottom: 10px; } #peers { margin-bottom: 10px; } #messages div { margin-bottom: 5px; } </style> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://unpkg.com/[email protected]/dist/peerjs.min.js"></script> <script> const peer = new Peer(); peer.on('open', (id) => { $('#peer-id').text(`Your ID: ${id}`); }); peer.on('connection', (conn) => { $('#peers').append(`<div id="${conn.peer}">${conn.peer}</div>`); conn.on('data', (data) => { $('#messages').append(`<div>${conn.peer}: ${data}</div>`); }); }); $('#send').click(() => { peer.connections.forEach((conn) => { conn.send($('#message').val()); }); $('#message').val(''); }); </script> </head> <body> <div id="peer-id"></div> <div id="peers"></div> <div id="messages"></div> <input type="text" id="message"> <button id="send">Send</button> </body> </html> 我是一个编程初学者，所以我很难找到解决方案。我想使用 PeerJS 创建一个可以容纳三个或更多人的聊天室。我很好奇是否有可能使用 PeerJS 创建一个可以容纳三个或更多人的聊天室。您的代码除了创建自己的 ID 外什么都不做，但您还需要找出并指定要连接的用户的 ID。 //get a random number from min to max function RandomInt(min, max) { let rand = min + Math.random() * (max + 1 - min); return Math.floor(rand); } var app = {}; var NamePrefix = RandomInt(100000000,999999999); app.peer = new Peer(NamePrefix+'-name') app.chatlist = []; app.peer.on('open', function(peerID){ document.getElementById('myPeer').innerHTML = peerID; }); app.peer.on('open', function(id) { console.log('My peer ID is: ' + id); }); //outgoing connection function connect() { app.conn = app.peer.connect(document.getElementById('partnerPeer').value); app.conn.on('open', function(){ document.getElementById('status').innerHTML = "the connection is established"; }); //show incoming message app.conn.on('data', function(data){ app.chatlist.push("<div id='' class=left>"+data+"</div>"); document.getElementById('message').innerHTML = app.chatlist.join("<br>"); }); } function sendMessage() { var newmes = document.getElementById('inputmess').value; if(app.conn && app.conn.open){ app.conn.send(newmes); } app.chatlist.push("<div id='' class=right>"+newmes+"</div>"); document.getElementById('message').innerHTML = app.chatlist.join("<br>"); } //incoming connection app.peer.on('connection', function(connect) { app.conn = connect; console.log(connect); app.conn.on('open', function(){ document.getElementById('status').innerHTML = "the connection is established"; }); //show incoming message app.conn.on('data', function(data){ app.chatlist.push("<div id='' class=left>"+data+"</div>"); document.getElementById('message').innerHTML = app.chatlist.join("<br>"); }); }); .left { float:left; width:55%; background: #FFA500; margin: 10px; padding: 10px; } .right { float: right; width:55%; background: #85D7ED; margin: 10px; padding: 10px; } .chat { width: 40%; background: #27EB4C; height: 400px; } .btn { background: #2DF7F1; margin: 10px; padding: 10px; } .messbox { width:39%; margin-top: 5px; } <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script src="https://unpkg.com/[email protected]/dist/peerjs.min.js"></script> </head> <body> <input id="partnerPeer"> <div id="myPeer"></div> <button onclick="connect()">Connect</button> <div id="status"></div> <div id="message" class="chat"></div> <textarea class="messbox" row=4 id=inputmess></textarea> <button onclick="sendMessage()" class="btn">Send</button> </body> </html> 这里是多用户聊天的实现。 https://github.com/Rubilmax/peerjs-multichat 记住 PeerJS 有一些错误。例如，如果另一个用户通过关闭选项卡或浏览器退出聊天，它不会关闭连接

websocket chat peerjs peer chatroom

回答 1 投票 0

RabbitMQ。无法发送消息。正在从 RMQ 仪表板接收消息，因此接收功能正在运行。只发送外汇不工作

我正在尝试将消息发送到特定的路由键，但它没有收到。当我从仪表板发送消息时，会收到消息。我找不到任何错误的机智......

go rabbitmq chat

回答 0 投票 0

在表格视图单元格 UI 聊天 swift 中使用文本调整图像大小

我正在尝试设置一个聊天应用程序，但目前，我卡在了一个 UI 部分无法正确处理的 UI 点上。现在，我正在尝试显示带有文本消息的图像，但我的 UI 部分无法正常工作

ios swift uitableview chat

回答 0 投票 0

tableview cell UI chat App swift 中带有文字的图像

ios swift uitableview chat

回答 0 投票 0

高效加载聊天记录

/用户/:userId 用户 = { 用户身份用户名姓名电子邮件 pfpsrc }; /聊天记录 { 回应：[ { 消息编号信息消息日期用户身份 ...

javascript chat fetching-strategy

回答 1 投票 0

创建基本的 javascript 网络聊天 [关闭]

我刚开始学习 javascript，我必须制作一个网络聊天应用程序。不要求代码，但我需要了解制作一个代码需要什么。我的学习速度很慢，而我们的老师是

javascript reactjs chat

回答 1 投票 0

基于条件而不是使用 Laravel Websockets/Echo 的 Auth System 对用户进行身份验证？

我正在寻找为我的应用程序创建一个聊天系统，一个经过身份验证的用户可以创建公共或私人事件的应用程序。我正在使用 Laravel Websockets 和 Laravel Echo。当我...

php laravel chat laravel-echo laravel-websockets

回答 0 投票 0

Twitch/ html/ css/ streamlabs：需要帮助使用 streamlabs html 和 css 代码在我的聊天框中显示特定用户徽章（而不是所有用户徽章）

（下面的代码）我对这两种语言都不太熟悉，但我能够在谷歌中检查 html 元素以查明我希望使用的是什么：（下面的代码）我对这两种语言都不太熟悉，但我能够在谷歌中检查 html 元素以查明我希望使用的内容： <span data-provider="twitch" data-badge="subscriber" data-version="3012" class="ffz-tooltip ffz-badge" data-tooltip-type="badge" data-badge-idx="1"></span> 来自 <span class="chat-line__message--badges"><span data-provider="twitch" data-badge="broadcaster" data-version="1" class="ffz-tooltip ffz-badge" data-tooltip-type="badge" data-badge-idx="0"></span><span data-provider="twitch" data-badge="subscriber" data-version="3012" class="ffz-tooltip ffz-badge" data-tooltip-type="badge" data-badge-idx="1"></span><span data-provider="twitch" data-badge="no_video" data-version="1" class="ffz-tooltip ffz-badge" data-tooltip-type="badge" data-badge-idx="2"></span></span> 我下面的当前代码，但是拉取所有徽章而不是我特别需要的徽章（订阅者徽章）导致以下聊天框：如果我问错了这个问题，我深表歉意，因为我通常是 css 和 html 的新手。但如果需要，我可以澄清任何事情。代码如下：（错误）我最终得到了这个：（目标）但我想要这个： html:  <div id="log" class="sl__chat__layout"> </div>  <script type="text/template" id="chatlist_item"> <div data-from="{from}" data-id="{messageId}"> <span class="meta" style="color: {color}"> <span class="badges"> </span> <span class="name">{from}</span> </span> <br> <span class="message"> {message} </span> </div> </script> CSS： @font-face { font-family: 'final_fantasy_viiregular'; src: url(data:application/font-woff2;charset=utf-**"VERY LONG FONT CSS IMPORT REMOVED FOR CLARITY"**; font-weight: normal; font-style: normal; } * { box-sizing: border-box; } html, body { height: 100%; overflow: hidden; } body { text-shadow: 7px 7px #000; background: {background_color}; font-family: 'final_fantasy_viiregular'; font-weight: 600; font-size: 100px; line-height: .5em; color: {text_color}; } #log>div { animation: fadeInUp .3s ease forwards, fadeOut 0.5s ease {message_hide_delay} forwards; -webkit-animation: fadeInUp .3s ease forwards, fadeOut 0.5s ease {message_hide_delay} forwards; } .colon { display: none; } #log { display: block; position: absolute; bottom: 0; left: 0; padding: 0 10px 10px; width: 100%; } #log .emote { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; padding: 0em 0.2em; position: relative; } #log .emote img { height: 1em; opacity: 0; } #log .message,#log .meta { vertical-align: top; display: inline; padding-bottom: 0.1em; } #log .meta { text-align: left; padding-right: 0.5em; } #log .message { word-wrap: break-word; } .badge { height: 1em; text-shadow: 7px 7px #000; background: {background_color}; } .name { height: 2em; color: cyan; text-shadow: 10px 10px #000; }

html css chat badge twitch

回答 0 投票 0

如何在 flutter 的分组列表视图中滚动到自定义索引？

我想创建聊天页面，在这个页面我有两个列表，第一个列表是日期，第二个列表是这个日期的消息（组列表），就像这个图像我创建了这个，但我想实现回复功能，...

android flutter chat

回答 1 投票 0

握手后 Websocket 连接断开

WebSocket 握手 /ws/ [127.0.0.1:54395] WebSocket 断开连接 /ws/ [127.0.0.1:54395] 握手后我的 websockets 断开连接。请提出可以遵循的解决方案或教程...

django chat django-channels

回答 1 投票 0

SQL 检查条件后的值以防万一

我正在查询一个包含聊天机器人和代理发送的消息的数据集。我需要识别放弃的聊天，如果客户在分配的聊天之前结束聊天，则聊天被视为放弃...