能与观众实时互动的Claper

周六总算休息了一天

杨浦看来还是没清零,2 ~ 4 号实行 3天2检


什么是 Claper ?

Clapper 能将您的演示文稿变成一种互动、引人入胜且令人兴奋的体验。 Clapper 能实现:

  • 帮助人们展示想法或信息,让他们有机会使他们的演讲与众不同,并从观众那里获得实时反馈。
  • 帮助每个参与者成为演讲和会议中的演员,并感到自己很重要和有用。

ClaperSlidoAhaSlidesMentimeter 的开源替代品,能帮助公众演讲者和那些必须通过实时消息/问答和民意调查使他们的演讲具有互动性的人。

  • Slido - Easy-to-Use Q&A and Polling App
  • AhaSlides: The Best Free Presentation Software Online
  • Mentimeter: Interactive presentation software

Claper 官方的介绍视频👇可能会让我们更容易理解软件的用途

按老苏的理解,有三个角色:

  • 演讲者:创建、发布演示文档,演讲者;
  • 主持人:操作演示文档,可以和演讲者是同一个人,也可以不是;
  • 参与者:只要有 code 就可以参与提问、投票等的听众;

从应用场景看主要还是现场演讲,但结合远程视频会议,远程互动也是没问题的。

命令行安装

在群晖上以 Docker 方式安装。

官方的镜像没有发布在 docker hub,而是在 ghcr.io,所以直接用命令行来安装

SSH 客户端中依次执行下面的命令

1
2
# 下载 mysql 版镜像
docker pull ghcr.io/claperco/claper:latest

如果没有科学上网,很可能会拉不动,可以试试 docker 代理网站:https://dockerproxy.com/,但是会多几个步骤

1
2
3
4
5
6
7
8
# 如果拉不动的话加个代理
docker pull ghcr.dockerproxy.com/ghcr.io/claperco/claper:latest

# 重命名镜像(如果是通过代理下载的)
docker tag ghcr.dockerproxy.com/ghcr.io/claperco/claper:latest ghcr.io/claperco/claper:latest

# 删除代理镜像(如果是通过代理下载的)
docker rmi ghcr.dockerproxy.com/ghcr.io/claperco/claper:latest

现在可以开始用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
version: '3'

services:
db:
image: postgres:14
container_name: cp-pdb
restart: always
volumes:
- ./data:/var/lib/postgresql/data
environment:
- POSTGRES_DB=claper
- POSTGRES_USER=claper
- POSTGRES_PASSWORD=claper

claper:
image: ghcr.io/claperco/claper:latest
container_name: cp-claper
restart: always
depends_on:
- db
ports:
- '4000:4000'
environment:
- DATABASE_URL=postgresql://claper:claper@db:5432/claper
- SECRET_KEY_BASE=zrSGxcmp9NVexg9gWK7KozoX3sw7FWkvbwBHePugtD6L5VNT7Wnra5EYuo44ycaE
- ENDPOINT_HOST=192.168.0.197
- ENDPOINT_PORT=4000
- MAIL_TRANSPORT=smtp
- MAIL_FROM=wbsu2003@88.com
- MAIL_FROM_NAME=laosu
- SMTP_RELAY=smtp.88.com
- SMTP_USERNAME=wbsu2003@88.com
- SMTP_PASSWORD=<你的第三方邮件客户端密码>
- SMTP_PORT=25
- SMTP_SSL=false
#- SMTP_AUTH=if_available
#- SMTP_TLS=if_available

环境变量的简单说明:

范围 默认 描述
DATABASE_URL - Postgres 数据库连接字符串,不要改;
SECRET_KEY_BASE - 缺省为 64 位字符串
ENDPOINT_HOST - 主机 IP,请根据您的群晖 IP 修改
ENDPOINT_PORT - 主机端口,要跟随 ports 设置的本机端口;
MAIL_TRANSPORT local 定义电子邮件的发送方式
MAIL_FROM - 用于发送电子邮件的电子邮件地址
MAIL_FROM_NAME - 用于发送电子邮件的名称
SMTP_RELAY - SMTP 中继服务器
SMTP_USERNAME - 用于 SMTP 连接的用户名
SMTP_PASSWORD - 用于 SMTP 连接的密码
SMTP_PORT - SMTP 服务器端口
SMTP_SSL true SMTP 是否启用 SSL
SMTP_AUTH always SMTP 验证
SMTP_TLS always SMTP 是否启用 TLS

更多的环境变量请看官方文档:https://docs.claper.co/configuration.html#environment-file

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 claper 和 子目录
mkdir -p /volume2/docker/claper/data

# 进入 claper 目录
cd /volume2/docker/claper

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:4000 就能看到主界面

如果你是 参与者,在收到了邀请后,直接将 code 填入 # 号之后,点 Join 就可以加入;
如果你是 演讲者 或者 主持人,需要点右上角的 Login 先登录;

登录只要输入你的邮箱地址,在输入你的邮箱后,点 Send link by email

如果发送邮箱的设置没问题的话,你应该会很快就收到邮件

关于邮件的设置,老苏也没啥好的办法,日志中看不到任何调试信息,反正一堆参数慢慢试吧,88 邮箱用到了 5SMTP 开头的参数

ACCESS TO MY ACCOUNT 会打开新的网页

Create 开始创建

支持 PDF, PPT, PPTX 格式的文档,但是文件不能超过 15M ,点 Add facilitator 添加 主持人 的邮件

My presentations 进入我的演讲稿,可以看到预览、聊天和设置三个分区

点右上角的 Start 后会弹出新的浏览器窗口,按 F11 可以全屏。如果你有双屏,可以将控制窗口留在一号屏,把全屏窗口放到二号屏,可以实现和 PPT 一样的演讲模式。

参与者 可以直接输入 code 进入

随时可以提问

演讲者 可以实时收到,并在现场直接回答

演讲者(或者 主持人 )还可以在文档中加入投票,来实现更多的互动

活动结束后,会自动生成报告

Clapper 目前刚开源,后续值得期待~

参考文档

ClaperCo/Claper: The ultimate tool to interact with your audience
地址:https://github.com/ClaperCo/Claper

Claper - The ultimate tool to interact with your audience
地址:https://claper.co/

Overview — Claper v1.0.0
地址:https://docs.claper.co/overview.html