显示JS - 仅在扬声器视图上进行控制

Question

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

设置controls: false会禁用主显示屏和扬声器显示屏上的箭头。我的演示是在现场观众面前，所以他们不需要看到控件，但是能够看到它们对我来说很方便，所以我知道当我有“下面”的幻灯片时一，以及它的“右边”。

Answer 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中加载演示文稿时，这会向正文添加一个notes类（就像使用notes插件一样）。然后，样式会隐藏控件，除非它在扬声器备注页面上。

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