通过导航栏中的单个播放按钮，在电子书中的每一页加载音频文件

Load audio file per each page in a E-book with a single play button in navigation bar

本文关键字：电子书 一页 文件 加载 音频 按钮 导航 单个 播放      更新时间：2023-09-26

如果每页都有音频文件，单击播放按钮时如何加载音频文件？

我的html标记是这样的：

<div id="container">
    <div id="main">
        <div id='features'>
           //Page 1
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
           //page 2 
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
           //page 3
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
            //page 4
            <div class='responsive feature'>///My page content goes here,</div>
            <div class="page-number"></div>
            //page 5 
------ //page 20</div>
    </div>
</div>

在导航栏中，我有一个音频按钮，比如：

<li><a id='play' href="#" title='play'>play</a>
</li>

如果您已经映射了页码，并且假设您有上一个和下一个事件，那么您可以这样尝试。

  $(function() {
  var pageaudio =['01.mp3','02.mp3',  .....]
  pageupdatecallback = function (){
  var audio = pageaudio['currentpage'];
  //load source here to audio player
  }
  $('#back').click(pageupdatecallback);
  $('#next').click(pageupdatecallback);
  });

未经测试，

相关文章：