unserver-unify/src/app/audioplayback/detail.html

<div ng-controller="AudioPlaybackItemCtrl as ctrl" class="col-md-12">
  <button class="header_arrow" ng-class="{'active': !hideHeader}" ng-click="ctrl.toggleHeader()">
    <i class="fa fa-angle-up">
    </i>
    <i class="fa fa-angle-down">
    </i>
  </button>
  <a class="btn btn-warning btn-sm course_back" style="top:0;" ui-sref="index.home" ng-if="hideHeader">
    <i class="fa fa-angle-left">
    </i> {{'Go Back' | translate}}
  </a>
  <div class="tag-box padding_reduce clearfix">
    <strong>
      {{ ctrl.item.name }}
    </strong>
    <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml">
      <li title="{{ 'Create Date' | translate }}">
        <i class="fa fa-calendar">
        </i>
        {{ ctrl.item.start | date: 'yyyy-MM-dd' }}
      </li>
      <li title="{{'Author'|translate}}">
        <i class="fa fa-pencil">
        </i>
        {{ ctrl.item.createrfullname}}
      </li>
    </ul>
    <div class="fixed_container altr" ng-if="ctrl.playAudio">
      <audio controls autoplay id="playAudio">
        <source  ng-src="{{ ctrl.playAudio }}" type="audio/mpeg" />
      </audio>
    </div>
    <div ng-if="ctrl.pptPage.pic">
      <img style="width:500px;height:500px" ng-src="{{ ctrl.picURL+ctrl.pptPage.pic }}"></div>
    </div>
   <div class="col-md-12" ng-if="ctrl.item.history">
      <div class="videoWrapper wide" ng-if="ctrl.currentPPT">   
        <li ng-class="{active:ctrl.index == $index}" ng-repeat="ppt in ctrl.currentPPT.ppts">
            <span class="menu_no">
              {{$index+1}}.
            </span>
            <span class="menu_title">
              {{ppt.title||ppt.type}}
            </span>
            <div style="width:50px; height:50px">
              <!-- {{ ctrl.picURL }} <img ng-if="ppt.pic&&ppt.type=='ppt'" ng-src="{{ ctrl.picURL+ppt.pic }}"/> -->
            </div>
        </li>   
      </div>      
    </div>
  </div>
</div>