文档章节

[下一个话题]利用NodeJs+Html5+WebSocket快速构建即时在线简易PPT

暗夜在火星
 暗夜在火星
发布于 2014/07/01 23:05
字数 567
阅读 798
收藏 10

场景

这里要实现的是一个即时在线PPT,也就是演讲人在一个网页输入演讲过程中的主题,以及一些附带的内容,即可即时显示在客户面前。这样虽然编辑出来的PPT没有原来的那么强大,但可以让演讲者更注重在表达上,而不PPT的制作和观看上。同时,很多时候都需要进行互动,和可避免U盘携带的麻烦,甚至怕U盘乱插中毒。

东西虽小,也有创意。暂且称其为NextTopic,即下一个话题。目前测试的环境只在局域网。

运行效果

假设现在正在进行一场人物摄影专题:利用柔光打造小清新美女 的讲座学生入座后即可在自己面前的电脑上打开一个网页进入NextTopic:

进入后出现“欢迎进入ShakeNext”后,即表示已经成功进入。

随后,讲师开始了演讲,为了吸引学生的兴趣和注意,他决定用一张很独特的相片来开场。

讲师在已经打开的管理后台,通过简单的编辑很快就把主师和内容准备好了。


接着,轻轻点击一下“发布”,即可将PPT展示给全部的学生浏览。如果你是其中的一位学生,你将会看到如同其他同学的页面:

NextTopic产品结构图

最初的想法是,通过手机摇一摇切换在线PPT,但后来发现上面两个服务器比较难整合通信这一部分,所以就暂时演示右边这一部分。

源代码

项目目录如下:

admin.html  bootstrap.min.css  client.html  npm-debug.log  README.md  server_broadcast.js

下载链接:https://github.com/zenphpws3/html_client



© 著作权归作者所有

共有 人打赏支持
暗夜在火星

暗夜在火星

粉丝 162
博文 174
码字总数 324493
作品 1
广州
程序员
私信 提问
若依后台管理系统 1.1.4 发布,新增多项功能

若依管理系统 v1.1.4 已发布,更新日志: 新增参数管理 修复头像上传bug 手机邮箱唯一校验 支持手机邮箱登录 代码生成优化 支持模糊查询 支持切换主题皮肤 修改权限即时生效 修复页签Tab关闭...

若依管理系统
2018/05/20
1K
26
lnmp虚拟主机控制面板

Lnmp虚拟主机控制面板简介 01)此虚拟主机控制面板是由易客CRM(http://www.c3crm.com)开发团队基于amh针对lnmp0.7一键安装包开发的面板,目前在Redhat和Centos下测试正常。 02) 简单: 简洁精...

dfar2008
2013/06/15
7K
2
ThinkSNS 最新版功能

完善的社交系统 ThinkSNS提供了一套标准的社交程序,涵盖了社交全方位的功能,并将动态分享+微吧作为核心应用与其他应用互通互联。包含了社交发布、浏览、转发、评论收藏、举报、话题等全面的...

灰常人士
2016/05/17
47
0
Ubuntu在线交流工具--Lernid

Lernid是一款方便的交流工具,用户可以用它快速连接Ubuntu重要会议比如”Ubuntu App Developer Week”, “Ubuntu Open Week”, “Ubuntu Classroom Sessions”。在这里快速了解你想知道的事情...

匿名
2011/06/07
437
0
phpwind_v9.0 beta 社区评测

一、安装说明 1、下载版本:phpwind_v9.0beta_20120912,暂时只支持UTF8编码。 2、测试环境:WampServer Version 2.1,aCloud.v1.0 for phpwind9.0 3、版本大小:9.2M 4、版本定位:轻社区/...

flycode
2012/10/31
19
0

没有更多内容

加载失败,请刷新页面

加载更多

Kafka入门

1、Kafka使用背景 在我们大量使用分布式数据库、分布式计算集群的时候,是否会遇到这样的一些问题: 我们想分析下用户行为(pageviews),以便我们设计出更好的广告位 我想对用户的搜索关键词...

watermelon11
昨天
0
0
Cannot list resources Permission denied: user=Administrator, access=READ_EXECUTE, inode="/tmp"

Cannot list resources Permission denied: user=ÁõÎĺÁ, access=READ_EXECUTE, inode="/tmp":root:supergroup:drwx-wx-wx windows系统 Spring boot 整合hadoop时报错。 java.lang.Ille......

lwenhao
昨天
2
0
【结构型】- 享元模式

享元模式 作用:利用共享技术有效地支持大量细粒度对象的复用 享元模式状态 内部状态:在享元对象内部不随外界环境改变而改变的共享部分,存储于享元对象内部 外部状态:随着环境的改变而改变...

ZeroneLove
昨天
3
0
Vue 中使用UEditor富文本编辑器-亲测可用-vue-ueditor-wrap

一、Vue中在使用Vue CLI开发中默认没法使用UEditor 其中UEditor中也存在不少错误,再引用过程中。 但是UEditor相对还是比较好用的一个富文本编辑器。 vue-ueditor-wrap说明 Vue + UEditor + ...

tianma3798
昨天
6
0
php-fpm配置

php-fpm配置 修改bbs.wangzb.cc.conf配置文件,将端口9000改为9001,重新访问网站是失败的 修改配置文件 # vim /etc/nginx/conf.d/bbs.wangzb.cc.conf# nginx -s reloadfastcgi_pass 1...

wzb88
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部