Reveal JS - 仅控制扬声器视图

【问题标题】：Reveal JS - Controls only on speaker viewReveal JS - 仅控制扬声器视图
【发布时间】：2015-10-22 11:05:59
【问题描述】：

是否可以让 Reveal JS 仅在扬声器视图上显示控制箭头？

设置controls: false 会禁用主显示屏和扬声器显示屏上的箭头。我的演示文稿是在现场观众面前进行的，所以他们不需要看到控件，但我能够看到它们会很方便，所以我知道什么时候有幻灯片“低于”当前一个，以及它的“右侧”。

【问题讨论】：

【解决方案1】：

假设您的演示文稿作为主页（而不是 iframe）加载，将以下内容添加到您的演示文稿中应该可以工作。

<style>
  .reveal .controls {
    visibility: hidden;
  }
  .notes .reveal .controls {
    visibility: visible;
  }
</style>

<script>
  if (window.self !== window.top) {
    document.body.className += " notes";
  }
</script>

当演示文稿加载到 iframe 中时，这会在正文中添加一个注释类（就像使用注释插件所做的那样）。然后，样式会隐藏控件，除非它位于演讲者备注页面上。

如果您在调用Reveal.initialize() 之前添加它，您根本不会看到控件。之后添加它可能会导致控件在隐藏之前短暂出现。

【讨论】：