2013-10-28 30 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導航左,上,下,右。

使用此配置您可以確保每個演示者遠程工作。

相關問題