博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[下一个话题]利用NodeJs+Html5+WebSocket快速构建即时在线简易PPT
阅读量:6952 次
发布时间:2019-06-27

本文共 704 字,大约阅读时间需要 2 分钟。

hot3.png

场景

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

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

运行效果

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

225305_t0LZ_256338.jpg

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

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

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

225716_smKp_256338.jpg

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

230114_FBG3_256338.jpg

NextTopic产品结构图
230229_4bJm_256338.jpg

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

源代码

项目目录如下:

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

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

转载于:https://my.oschina.net/dogstar/blog/286178

你可能感兴趣的文章
ACM HDU 1064
查看>>
沙盒技术——selinux控制
查看>>
2019年第四次课程设计实验报告
查看>>
LeetCode - Spiral Matrix
查看>>
webSocket使用心跳包实现断线重连
查看>>
数列的周期性
查看>>
MySQL错误ERROR 1786 (HY000)解决
查看>>
.Net码农就业求职储备(新手进阶)
查看>>
Python 常用函数Logging
查看>>
Android 退出app,后台推送的服务也停止了,怎么可以做到不停止后台服务呢?
查看>>
Picasso通过URL获取--用户头像的圆形显示
查看>>
$()和${}
查看>>
记录centos7下tomcat部署war包过程
查看>>
vue的自定义指令的坑
查看>>
UITableView介绍 之 复杂cell的高度计算
查看>>
闭包问题
查看>>
js jquery select 操作 获取值,选中选项,增加,修改,删除
查看>>
PHP服务器负载判断
查看>>
爬取猎聘大数据岗位相关信息--Python
查看>>
HDU-3072-IntelligenceSystem(tarjan,贪心)
查看>>