2013-10-28 45 views
19

我很喜欢Reveal.js。但我有一个问题,就是我的无线演示遥控器,通常只能生成左/右箭头按键。我的Reveal.js幻灯片套件大量使用了它的二维功能以及碎片。这意味着我的遥控器只能向右转,而不能向下转。如何让Reveal.js与演示者遥控器一起工作?

Reveal.js API看起来应该足够强大,以便将“右箭头”首先向前推进,如果可能的话,然后正确,将片段考虑在内。不幸的是,我的JS-fu没那么强大,所以我想我会问是否有其他人做过这样的事情并且有一些指示。如果还有其他方法可以更好地发挥作用,我也会接受。我只是不想被绑在我的键盘上。

+0

看看http://sys-exit.blogspot.com/2015/10/revealjs-presentation-pilot-down-down-left-right.html - 有关reveal.js和演示飞行员 – ducin

回答

26

你想要的是它会导航到“下一个”而不是“右”,这是右箭头键的默认绑定。您可以通过覆盖默认的键绑定来实现此目的。这里有一些文档:https://github.com/hakimel/reveal.js/#keyboard-bindings

在你的情况下,你想要右箭头键(键码39)绑定到“下一个”,也可能重写左箭头键(键码37)绑定到“prev”。下面是示例代码(添加到Reveal.initialize配置添加文件的结尾):

keyboard: { 
    39: 'next', 
    37: 'prev' 
} 
+0

取消注释遥控器JS。这使得演示文稿停止工作。相反,@ Mikeross547的解决方案就是这样做的。 –

1

我必须确保按照正确的顺序设置我的幻灯片,但是我的Logitech R800会处理所有的片段并且顺序正确(如果幻灯片下面有子内容,则在再次右转之前点击下一个片段)。

4

reveal.js有一个内置的远程!如果您在自述文件中查看dependencies,则Reveal.initialize中的最后一项是激活远程设备的选项!它会弹出一个可以扫描的QR码;该网站需要您与演示文稿同步(通过互联网,而不是本地wifi /蓝牙),并允许您使用触摸屏设备控制演示文稿。甚至还有一款专门针对使用遥控器的应用程序(适用于iOS),我相信它被称为RemotesLite。

使用遥控器时,轻拍等同于您的空格键,向左/向右/向上/向下滑动左/右/向上/向下,夹入/取出是概览模式激活/取消激活。

希望这会有所帮助!

UPDATE 2014年4月21日

它看起来好像最近的版本显示有内置的演示远程支持。最近用一个Targus演示遥控器进行了演示,它开箱即用!

+2

谢谢,山姆。出于两个原因,我不想使用手机遥控器。其一,我从本地主机出示,以避免处理不可预知的网络。二,我倾向于使用激光笔很多,而我的Nexus 4还没有内置激光笔。 :-)不过,Reveal.js还有另外一个原因。 – Crell

+0

@Snugug你真的得到这个与remotes.js一起工作吗?即使当我查看remotes.io网站时,我也无法使其工作,通用条形码就是我所看到的,任何地方都没有QR码。会喜欢这个功能为即将到来的演示文稿,但我目前失去了! – Duffmaster33

+0

我已经将他们的软遥控器(带QR码的东西)和硬遥控器一起工作。您需要从index.html – Snugug

4

这对我有效。

Reveal.configure({ 
    keyboard: { 
     38: 'next', 
     40: 'prev' 
    } 
}); 
0

建议的解决方案只解决了部分问题。要么他们重新映射向上和向下箭头键,要么重新映射向左和向右箭头键。当你不知道哪个键您的演示远程问题,只需重新映射所有的人:

// Either Reveal.initialize({ ... or 
Reveal.configure({ 
    keyboard: { 
     37: 'prev', 
     38: 'prev', 
     39: 'next', 
     40: 'next' 
    } 
}) 

当切换到预览模式(o),你仍然可以vim键绑定hjkl导航左,上,下,右。

使用此配置您可以确保每个演示者远程工作。