音频播放器的自定义音频控制

时间:2017-09-25 23:07:28

标签: javascript html html5 html5-audio

如何将自定义音频播放器控件链接到音频播放器播放列表? 我的播放器的标记就是这个

<div id="fullcontainer">
     <audio src="" controls id="Player"></audio>
 <!-- my playlist starts here -->                     

  <ul id="playlist" style="">
    <li class="now-playing" style=""><a href="audio.mp3"></li>          
    <li><a href="audio2.mp3">title</a></li>                 
    <li><a href="audio2.mp3">title</a></li>     
  </ul> 

那里有一些java脚本,一个函数调用播放器

<script> //calls the player       
    audioPlayer();      
</script>

我有一个很好的自定义音频控件来自朋友,我该怎么用这一个来重新调整默认的音频控件?

<div class="audio-player">
<div id="play-btn"></div>
<div class="audio-wrapper" id="player-container" href="javascript:;">
 <audio id="audioPlayer" ontimeupdate="initProgressBar()">
  <source src="" type="audio/mp3"></audio>
</div>  

<div class="player-controls scrubber">

  <span id="seekObjContainer">
          <progress id="seekObj" value="0" max="1"></progress>
        </span>
</div>

我只需要步骤和几行java然后我就可以从那里即兴发挥。 任何方向如何去做?

0 个答案:

没有答案