当前位置:首页 » 操作系统 » 网页聊天室源码

网页聊天室源码

发布时间: 2022-01-13 13:34:01

⑴ 求像“与同时访问此网站的人聊天”的浮动网页内聊天窗口的源码

以下代码 应该可以调用只要你自己美工下
<!--CTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt-->
<html>
<head>
<title>javaScript制作的聊天窗口代码 - www.webdm.cn</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<style type="text/css" media="all" rel="stylesheet">

<!--
body {
text-align:left;
margin:0;
font:normal 12px Verdana, Arial;
background:#FFEEFF
}
form {
margin:0;
font:normal 12px Verdana, Arial;
}
table,input {
font:normal 12px Verdana, Arial;
}
a:link,a:visited{
text-decoration:none;
color:#333333;
}
a:hover{
text-decoration:none;
color:#FF6600
}
#main {
width:400px;
position:absolute;
left:600px;
top:100px;
background:#EFEFFF;
text-align:left;
filter:Alpha(opacity=90)
}
#ChatHead {
text-align:right;
padding:3px;
border:1px solid #003399;
background:#DCDCFF;
font-size:11px;
color:#3366FF;
cursor:move;
}
#ChatHead a:link,#ChatHead a:visited, {
font-size:14px;
font-weight:bold;
padding:0 3px
}
#ChatBody {
border:1px solid #003399;
border-top:none;
padding:2px;
}
#ChatContent {
height:200px;
padding:6px;
overflow-y:scroll;
word-break: break-all
}
#ChatBtn {
border-top:1px solid #003399;
padding:2px
}
-->
</style><script language="javascript" type="text/javascript">
<!--
function $(d){return document.getElementById(d);}
function gs(d){var t=$(d);if (t){return t.style;}else{return null;}}
function gs2(d,a){
if (d.currentStyle){
var curVal=d.currentStyle[a]
}else{
var curVal=document.defaultView.getComputedStyle(d, null)[a]
}
return curVal;
}
function ChatHidden(){gs("ChatBody").display = "none";}
function ChatShow(){gs("ChatBody").display = "";}
function ChatClose(){gs("main").display = "none";}
function ChatSend(obj){
var o = obj.ChatValue;
if (o.value.length>0){
$("ChatContent").innerHTML += "<strong>Akon说:</strong>"+o.value+"<br/>";
o.value='';
}
}
if (document.getElementById){
(
function(){
if (window.opera){ document.write("<input type='hidden' id='Q' value=' '>"); }

var n = 500;
var dragok = false;
var y,x,d,dy,dx;

function move(e)
{
if (!e) e = window.event;
if (dragok){
d.style.left = dx + e.clientX - x + "px";
d.style.top = dy + e.clientY - y + "px";
return false;
}
}

function down(e){
if (!e) e = window.event;
var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
if (temp.tagName != "HTML"|"BODY" && temp.className != "dragclass"){
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
}
if('TR'==temp.tagName){
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
}

if (temp.className == "dragclass"){
if (window.opera){ document.getElementById("Q").focus(); }
dragok = true;
temp.style.zIndex = n++;
d = temp;
dx = parseInt(gs2(temp,"left"))|0;
dy = parseInt(gs2(temp,"top"))|0;
x = e.clientX;
y = e.clientY;
document.onmousemove = move;
return false;
}
}

function up(){
dragok = false;
document.onmousemove = null;
}

document.onmousedown = down;
document.onmouseup = up;

}
)();
}
-->
</script>
</head>
<body>
<div class="dragclass" id="main" style="LEFT: 588px; TOP: 298px">
<div id="ChatHead"><a onclick="ChatHidden();" href="#">-</a> <a onclick="ChatShow();" href="#">+</a> <a onclick="ChatClose();" href="http://www.webdm.cn">x</a> </div>
<div id="ChatBody">
<div id="ChatContent"></div>
<div id="ChatBtn">
<form action="" method="post" name="chat">
<textarea style="WIDTH: 350px" rows="3" name="ChatValue"></textarea> <input onclick="ChatSend(this.form);" type="button" name="Submit" value="Chat" />
</form>
</div>
</div>
</div>
</body>
</html>

⑵ 能不能找到即时在线聊天的网页源代码

可是搜索一下啊

⑶ 求一份基于java websockt 实现网页聊天室的源码 只要有多人聊天功能和在线列表功能就可以。。

源码就在tomcat的webapps->example中。下载个新的tomcat,启动就可以访问到了

⑷ 我想让我的网站也有一个DRRR一样的聊天室,那个源码从哪可以获得。

路过

⑸ HTML网页聊天室代码,哭求一个HTML网页聊天室代码.高手请进

Paltalk是来自美国的一家免费视频聊天网站,Paltalk的每个会员都可以免费创建一个自己的视频聊天室,该免费聊天室支持最多容纳250人,提供24/7技术支持,能够很好的支持中文聊天,可设置聊天室密码、会员审批加入,提供Widget功能,可以将你的视频聊天室嵌入到你的博客、论坛、网站中。Paltalk可以使用浏览器直接登陆使用聊天室,不是必须要使用Paltalk软件才能聊天。 http://www.tianmiao.com/paltalk/

⑹ 一套完整的视频直播聊天室源码怎么开发

视频直播聊天室源码怎么开发?首先,我们将其分为五部分:采集、编码,传输, 服务器处理,解码,渲染。

1、采集:采集就是我们平时“开摄像头录像”的部分,用户通过摄像头将视频传递到网络上,这里是比较简单的一部分,只是适配起来会比较麻烦,毕竟手机种类众多,但本身的技术要求和其他模块比起来还是简单很多的。

2、前处理:前处理阶段是视频直播聊天室源码在将视频传输到服务器之前要做好的处理工作,包括美颜算法、视频模糊、添加水印等,都在这一环节做成

3、编码:为什么要将视频进行编码呢?因为原音视频文件是很大的,会占用很大的带宽,只有在编码完成后,视频文件才会变得小一些,这样会更节省带宽。

难点在于:分辨率,帧率,码率,GOP等参数的平衡,视频直播聊天室源码如何使音视频文件又小又清晰,这是个问题

4、传输:将主播端文件传输给服务器

5、服务器处理:在服务器完成对文件的检测(包括鉴黄等)后,将文件通过CDN发送到观众的手机端。

6、解码和渲染:交给用户自己的手机吧。

这是一个视频直播聊天室源码的工作步骤,我们需要回避很多坑才能做好视频直播聊天室源码的开发,如有需要帮助的地方,可以追问我。

⑺ 求jsp web 聊天室源码或者 jsp web即时通讯工具.能聊天.在网页中.源码. .

我现在就有一个这样的东西。。
做的很简单,其实是自己练习写一个购物网站 里面加的一个聊天室

⑻ 有没有当前最好用开源的聊天室源码

实在是抱歉的,当天来说真的是没有最好用的开源的聊天室源码

⑼ 用JSP实现一个简易的网页版聊天室。

1.登录页面

文件名:know.jsp

<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">

<title>登录</title>

<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
</head>
<body>
<formaction="know2.jsp"method="post">
<inputtype="text"name="username"><br/>
<inputtype="submit"value="提交"/>
</form>
</body>
</html>

2.聊天页面

文件名:know2.jsp

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPEHTML>
<html>
<head>
<basehref="<%=basePath%>">

<title>聊天</title>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
<metahttp-equiv="refresh"content="10;url=know2.jsp">
</head>
<style>
.container{
position:relative;
top:100px;
margin:0auto;
width:500px;
height:300px;
border:1pxsolid#aaa;
overflow:hidden;
}
.usrlist{
width:100px;
height:250px;
background-color:#bbb;
display:block;
float:left;
overflow:scroll;
}
.chartinfo{
width:400px;
height:250px;
background-color:#ccc;
display:block;
float:left;
overflow:scroll;
}
.send{
width:500px;
height:50px;
background-color:#ddd;
display:block;
float:left;
}
select{
width:50px;
}
</style>
<%
List<String>chartInfo=newArrayList<String>();//保存聊天信息的集合
List<String>usrs1=newArrayList<String>();//保存登录用户的集合
if(null!=application.getAttribute("chartinfo")){
chartInfo=(List<String>)application.getAttribute("chartinfo");
}
if(null!=application.getAttribute("users")){
usrs1=(List<String>)application.getAttribute("users");
}
//form提交过来的数据
Stringusername=request.getParameter("username");
Stringsay=request.getParameter("gang");
Stringto_usr=request.getParameter("tousr");

if(null!=username&&!"".equals(username)){
if(!usrs1.contains(username)){
usrs1.add(username);
session.setAttribute("users",username);
}
}
application.setAttribute("users",usrs1);//将user1集合放入application

Stringlgusr="";
if(null!=session.getAttribute("users")){
lgusr=(String)session.getAttribute("users");
}
if(lgusr.equals("")||null==lgusr){
response.setStatus(response.SC_MOVED_TEMPORARILY);
response.setHeader("Location","know.jsp");
}
Stringchart="";
if(null!=to_usr&&null!=say&&!"".equals(to_usr)&&!"".equals(say)){
chart=lgusr+"对"+to_usr+"说:"+say;
}

if(!"".equals(chart)){
chartInfo.add(chart);
}
application.setAttribute("chartinfo",chartInfo);//将聊天信息集合放入application
%>

<body>

<divclass="container">
<divclass="usrlist">
<%
List<String>usrs=(List<String>)application.getAttribute("users");
if(usrs.size()>0){
for(Stringu:usrs){
out.print(u);
out.print("<br/>");
}
}
%>
</div>
<divclass="chartinfo">
<%
//out.print(chartInfo.size());
for(Stringct:chartInfo){
out.print(ct);
out.print("<br/>");
}
%>
</div>
<divclass="send">
<formmethod="post"action="know2.jsp">
<span>对</span>
<selectname="tousr">
<option></option>
<%
for(Stringu:usrs){
if(!u.equals(lgusr)){
out.print("");
out.print("<optionvalue='"+u+"'>"+u+"</option>");
}

}
%>
</select>
<span>说:</span>
<inputtype="text"name="gang"style="width:300px;">
<inputtype="submit"value="发送">
</form>
</div>
</div>
</body>
</html>

这是两个jsp文件,分别是know.jsp 和know2.jsp。你说的功能基本上都达到。

⑽ java 聊天室 源代码

最简单的聊天室

热点内容
怎样用数据库搭建服务器 发布:2024-11-15 13:58:39 浏览:478
android编码设置 发布:2024-11-15 13:50:02 浏览:907
androidstringchar 发布:2024-11-15 13:45:00 浏览:965
obs配置怎么弄 发布:2024-11-15 13:43:30 浏览:868
特斯拉买哪个配置的 发布:2024-11-15 13:42:36 浏览:557
儿童编程教材 发布:2024-11-15 13:37:34 浏览:43
查询服务器连接地址 发布:2024-11-15 13:27:20 浏览:505
win8用户文件夹转移 发布:2024-11-15 13:21:24 浏览:74
批量缓存淘宝教育上的视频 发布:2024-11-15 13:20:44 浏览:724
如何确定手机是不是安卓 发布:2024-11-15 13:19:33 浏览:735