如何在 xaringan/remark.js 中包含 javascript 库？

Question

我正在使用 xaringan 进行演示，并使用 gganimate 创建的一些 gif 来说明有关模型的一些要点。效果很好，只是一旦 gif 开始播放，它们就会继续播放，有时它们似乎在我打开幻灯片之前就开始播放了。

我希望能够显式地启动和停止每个 gif，解决方案似乎是 giffer javascript 库，但这是我远远没有达到“忍者”状态的地方。如何安装和加载供 xaringan 使用的 giffer 库。我怀疑它在 YAML 中的某个地方，可能是include，但据我所知

Answer 1

您可以通过

在 YAML 中包含 javascript

output:
  xaringan::moon_reader:
    nature:
      beforeInit: ["gifffer.min.js", "load.js"]

如上所述here。

这里load.js只包含

window.onload = function() {
  Gifffer();
}

但您可以更改设置、按钮样式等，如gifffer 中所述。