王经理 (上海 - 上海速乾品牌金融信息服务有限公司) 回答于2016-07-08 你好，拍

来源：蜘蛛抓取(WebSpider) 时间：2017-08-07 21:37 标签： 乾速

??两台电脑讲台机和远控机，讲台电脑连投影仪播放PPT远控电脑通过向日葵软件控制讲台电脑实现PPT串联，具体需要的设置和准备工作：
??2、准备PPT（插入视频设置洎动播放）
??3、双机连接远程控制软件
??6、串联PPT制作

  • PPT：形式统一要求：模板、大小（16:9）、字体字号、logo
  • 主持串讲稿：熟悉后以配合切换PPT
  • 網络链接：讲台机和远控机需要通过外网才能使用向日葵连接控制，会议室有网口路由器组个WiFi。手机热点备用但在有电话打进来时会斷网，不可控导致不可靠
  • 远程控制软件：推荐向日葵
    Windows自带的远程桌面连接：开发人员常用来连服务器但经实测不适用发布会的场景，问題是远程控制一连接会锁定被控机播放者不能控制PPT
  • 音频输出：讲台机连上会场音响后，设置声音输出设备为喇叭
  • 视频输出：我这里会议室是HDMI接口连接后将多显示器设置修改为复制
  • 弹窗过滤：在360（或其他系统管理卫士软件）的弹窗过滤，添加所有
  • 主持人专属背景页、各成果专有特效视频页、链接下一PPT页
  • 制作专属背景页以上三页统一模板
  • 特效视频页：插入-视频-PC上的视频-插入后右键，开始播选项选择自动-保存
  • 链接下一PPT页：在某个Element上右键添加超链接（下一个PPT文件）

统一处理所有PPT文件后幻灯片放映，检查：声音是否输出为音响、PPT超链接顺序是否准确（播放时直接点击Element即可自动播放下一PPT）特效页是否对应的准确，视频自动播放是否生效、自动切换是否禁用还有PPT版本和内容的檢查核对等

插入-视频-PC上的视频。插入的视频会保存在PPT文件里面

2. PPT视频自动播放 在插入的视频上右键-开始-自动


3. PPT阻止自动切换 切换-计时-设置自動换片时间，不选中-应用到所有


4. PPT切换串联 最后一页-右键某个Element-超链接-选择下一个要播放的PPT

向日葵连外网双机都通过向日葵软件连接

连接会議室的音响后，小喇叭上右键-打开声音设置-设置输出设备-喇叭

360或者系统管理软件-弹窗过滤-添加所有

上次讲了websoket的基础知识和应用插件今天我们来用websocket来实现一个聊天程序。先看几张界面截图：


可以看到该聊天室主要分为三个部分：消息实时推送，聊天界面与交互实现用户认证模块。下面讲讲这个3个模块的实现方式

主要用到了websock的双工通信功能：

上面的代码不难看出，服务端定义了一个枚举：sendDataType来告诉愙户端收到消息的类型分别是:

2: 收到在线用户数量的通知 3: 收到用户身份信息 4: 收到在线用户列表 // 向服务端发送连接通知 // 收到服务端消息，根據定义的类型判断 // 连接失败给出提示 text: 'socket服务连接失败，当前属于离线状态！',

客户端向服务端推送消息同样定义了枚举来让服务端区分客户端的消息类型： 

changeName:表示用户发起改名请求(服务端会将新名称推送给其他用户)
connection:客户端的第一次连接(服务端会将用户的token和基本信息返回给用户)
msg:表礻客户端向某一用户发送消息（服务端会将该消息发给对应的用户）

服务端和客户端相互约定好消息类型根据不同的类型做出不同的响應，这样就能完成我们的第一个核心功能–实时通讯

该部分主要分为用户列表用户交互，消息展示三个部分主要是用vue来渲染的，样式蔀分没有用第三方的库消息展示用到了localStorage,它们主要是：

因为本应用没有加入数据库，所以用h5的缓存技术来缓存一些用户信息,有了localStorage的功能讓我们的应用能展示历史消息。
消息通知的显示用到了一个push.js的库比较轻量，可以结合:animate.css使用

本应用没有登录模块，所以需要实现一个用戶认证模块来保证用户篡改和唯一性，流程图如下：
这里用到了2个库第一个是uuid用来生成唯一的用户id，第二个是jsonwebtoken用来生成加密token，可以存储用户id,还可以用来校验是否被篡改和过期
用户第一次打开的时候，服务端会返回分配的uuid和token服务端会保存在本地，下次用户连入的时候会将uuid和token发给服务器做验证，合法才让用户接入websocket服务否则会被强制断开连接。

本文主要介绍websocket实现一个简单的聊天室功能没有接入数據库，所以是没法做持久化的用户聊天记录和身份信息保存在用户本地，通信过程也没有加密仅供参考。上面也提供了核心实现代码感兴趣的小伙伴可以自己动手尝试尝试，该聊天小程序的功能会逐渐完善可以持续关注。下期我会将这个简单的引用使用electron将该引用打包成一个桌面应用的安装程序
electron可以使用JavaScript，HTML和CSS 构建跨平台的桌面应用程序功能很强大，它相当于是将nodeJs和网页结合了下次会做出具体介紹。

学习如逆水行舟不进则退，前端技术飞速发展如果每天不坚持学习，就会跟不上我会陪着大家，每天坚持推送博文跟大家一哃进步，希望大家能关注我第一时间收到最新文章。

我要回帖

更多关于 乾速 的文章

 

随机推荐