在 Reveal.js 中停止片段上的音频

Question

我很高兴使用Reveal.js进行演示，但现在我想使用精细脚本创建MOOCS。我想在每个片段中放置一个音频剪辑，当片段显示时开始播放。到目前为止，使用eventListener方法在我的幻灯片中开始和暂停音频可以正常工作。但是，鉴于此方法的性质，当显示下一个片段时，音频或视频将继续，因为它取决于"片段显示"或"片段隐藏"的状态。（见下文）

Reveal.addEventListener( 'fragmentshown', function( event ) {
    var audio = event.fragment.querySelector( 'audio' );
    if( audio ) {
    audio.play();
    }});
Reveal.addEventListener( 'fragmenthidden', function( event ) {
    var audio = event.fragment.querySelector( 'audio' );
    if( audio ) {
    audio.pause();
    }});

有没有一种简单的方法可以使用添加到当前片段 （duh） 的"当前片段"类来扩展它，以便在将类传递到下一个片段时暂停（或更好的是：停止）音频？我敢肯定有，但我是一个新手，真的很感激在这里提醒。如果这是代码的一部分，那将非常适合移动目的。我从我们大学的教学同事那里收到了很多要求。

Answer 1

要生成MOOC，您可以使用为您完成这项工作的audio-slideshow插件。该插件允许您为每个幻灯片和片段指定一个音频文件。或者，它根据显示的索引自动检查幻灯片和片段是否有音频文件.js例如，对于第二个水平和第一个垂直幻灯片，它会检查是否有文件audio/1.0.ogg。

您还可以在使用 slideshow-recorder 插件或使用文本转语音进行演示时录制音频。

您可以在此处找到演示，在此处找到插件

阿斯文