reveal.js幻灯片的多重功能

Multiplex functionality with reveal.js slides

本文关键字：功能 js 幻灯片 reveal      更新时间：2023-09-26

我想使用slides.com接口创建reveal.js演示文稿以节省时间，然后添加多路复用功能以允许控制其他设备上的演示文稿。为此，我编辑了初始化选项和依赖项：

           Reveal.initialize({
                multiplex:{
                    secret: null, // Obtained from the socket.io server. Gives this (the master) control of the presentation
                    id: ID,
                    url: NODEURL // Location of socket.io server
                },              
               dependencies: [
                    { src: '//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.10/socket.io.min.js', async: true },
                    { src: 'reveal/plugin/multiplex/client.js', async: true },              
               ]
            });

但是在控制台中得到这个错误，它似乎深深地隐藏在揭示代码中：

Uncaught ReferenceError: head is not defined (index: 46)

当我在explay中手动生成时，我能够获得多路复用功能（控制器、侦听器）。但这个版本坏了（链接）。有没有其他方法可以为slides.com制作的演示文稿添加依赖项？

reveal.js依赖head.js进行依赖项加载。但是，head.js不包含在从Slides导出的演示文稿中，因为它不加载任何依赖项。

要解决此问题，您需要在演示文稿中添加head.js：

<script src="https://cdnjs.cloudflare.com/ajax/libs/headjs/0.96/head.min.js"></script>
相关文章：