javascript - 在进度栏中显示音频名称

Question

我想在进度栏中显示当前播放的音频名称
来自audio.js

<div id="audio_tag" style="display:none">
<div class="col-lg-9 col-md-8 col-sm-6 col-xs-7 audioshow"> 
    <div class="play-pause "> 
        <p class="play"></p> 
        <p class="pause"></p> 
        <p class="loading"></p> 
        <p class="error"></p> 
    </div> 
    <div class="scrubber col-lg-10 col-md-8 col-sm-6 col-xs-5"> 
        <div class="progress" id="progress"></div> 
        <div class="loaded"><span class="color" id="audionamloaded"></span>
        </div> 
    </div> 
    <div class="time"> 
        <em class="played" id="tym">00:00</em>/<strong class="duration" id="duration">00:00</strong> 
    </div> \
    <div class="error-message"></div> 
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-5">
    <i class="fa fa-backward fbutton" id="bwd"> </i><i class="fa fa-forward fbutton" id="fwd"></i> 
    <i class="fa fa-step-backward fbutton" id="skip-bwd"></i> <i class="fa fa-step-forward fbutton" id="skip-fwd"></i>
    <i class="fa fa-download fbutton" onclick="download()"></i>
 </div>
</div>

已加载，其中 <span class="color" id="audionamloaded"></span></div> \名称将在此处显示，但是当进度条增加名称时，b将隐藏。.我想显示该名称。

这是 http://jsfiddle.net/4gwvqj0s/2/

Answer 1

<div class="progress" id="progress">
  <span class="color" id="audionamloaded">Name Of Song</span>
</div>