Reveal.js API看起来足够强大,可以将“右箭头”先向下移动(如果可能),再向右移动,并考虑片段。不幸的是,我的JS技术不是很强,所以我想问问是否有其他人曾经做过类似的事情,并给出了一些指示。如果有其他更好的方法,我也可以采纳。我只是不想被键盘束缚住。
keyboard: {
39: 'next',
37: 'prev'
}
Reveal.configure({
keyboard: {
38: 'next',
40: 'prev'
}
});
reveal.js内置远程控制功能!如果您查看README中的依赖项,在Reveal.initialize
的最后一项是激活远程控制的选项!它将弹出一个QR代码,您可以扫描它;它带您进入一个网站,与您的演示文稿同步(通过互联网,而非本地wifi /蓝牙),并允许您使用触摸屏设备控制演示文稿。甚至有一个应用程序(适用于iOS),专门整合了使用远程控制,我相信它被称为RemotesLite。
在使用远程控制时,轻击相当于按下空格键,向左/右/上/下滑动相当于向左/右/上/下滑动,捏合放大/缩小是概述模式的激活/取消激活。
希望这可以帮助到您!
更新于2014年4月21日
最近的Reveal版本似乎已经内置了演讲者远程控制支持。最近使用Targus演讲遥控器进行演示,并且它可以开箱即用!
提出的解决方案只能部分地解决问题。它们要么重新映射上下箭头键,要么重新映射左右箭头键。当你不知道你的演示遥控器使用哪些键时,只需重新映射所有键:
// Either Reveal.initialize({ ... or
Reveal.configure({
keyboard: {
37: 'prev',
38: 'prev',
39: 'next',
40: 'next'
}
})
当切换到概览模式(使用o
)时,您仍然可以使用vim
键绑定h
、j
、k
和l
来向左、上、下和右导航。
使用此配置,您可以确保每个演示者遥控器都可以正常工作。
Reveal 3.8.0增加了一个选项navigationMode
,您可以将其设置为linear
,通过按右箭头或点击器按钮向下滚动然后向右滚动。
Reveal.initialize({
navigationMode: 'linear'
});
我实现了一个更先进的“主持人模式”(请参见cloudogu/continuous-delivery-slides)。
您可以使用,
切换它。 它甚至可以在重新加载页面后继续存在。
如果您希望在重新加载后关闭演示文稿模式,请参见this commit。
Reveal.initialize({
keyboard: {
188: () => setPresenterMode(true)
}
});
setPresenterMode(false);
function setPresenterMode(toggle) {
const storage = localStorage;
const storageKey = 'presenterMode';
if (toggle) {
storage.setItem(storageKey, JSON.stringify(!JSON.parse(storage.getItem(storageKey))));
}
const presenterMode = JSON.parse(storage.getItem(storageKey));
if (presenterMode) {
Reveal.addKeyBinding({keyCode: 39}, 'next');
Reveal.addKeyBinding({keyCode: 37}, 'prev');
} else {
Reveal.removeKeyBinding(37);
Reveal.removeKeyBinding(39);
}
console.log(`Set presenter mode: ${storage.getItem(storageKey)}`);
}