unserver-unify/src/app/course/chapter/mp3ppt.html

<div class="carousel-inner mp3ppt">
  <div class="ppt_image">
    <img ng-if="!wctrl.displayImg&&!wctrl.audioPause" src="assets/images/audio_wav.gif" />
    <img ng-if="!wctrl.displayImg&&wctrl.audioPause" src="assets/images/audio_wav.jpg" />
    <!-- <img ng-if="!ctrl.displayImg" src="assets/images/audio_wav.jpg" /> -->
    <img ng-if="wctrl.displayImg" ng-src="{{wctrl.getPPtPicUrl(wctrl.displayImg.filename)}}" />
  </div>
  <videogular vg-player-ready="wctrl.onPlayerReady($API)" 
  vg-update-state="wctrl.onUpdateState($state)" 
  vg-theme="wctrl.mp4config.theme" 
  vg-complete="wctrl.onVideoFinished()" 
  vg-auto-play="true"
  vg-can-play = "wctrl.videoCanPlay()"
  vg-cue-points="wctrl.mp4config.cuePoints">
    <vg-media vg-src="wctrl.mp4config.sources" vg-type="audio">>
    </vg-media>
    <vg-controls vg-autohide="true" vg-autohide-time="1000">
      <vg-play-pause-button>
      </vg-play-pause-button>
      <vg-time-display>
        {{ currentTime | date:'mm:ss' }}
      </vg-time-display>
      <vg-scrub-bar>
        <vg-scrub-bar-current-time>
        </vg-scrub-bar-current-time>
        <vg-scrub-bar-cue-points vg-cue-points="wctrl.mp4config.cuePoints.imgswitch">
        </vg-scrub-bar-cue-points>
      </vg-scrub-bar>
      <vg-time-display>
        {{ totalTime | date:'mm:ss' }}
      </vg-time-display>
      <vg-volume>
        <vg-mute-button>
        </vg-mute-button>
        <vg-volume-bar>
        </vg-volume-bar>
      </vg-volume>
      <vg-fullscreen-button>
      </vg-fullscreen-button>
    </vg-controls>
    <vg-buffering>
    </vg-buffering>
    <vg-overlay-play>
    </vg-overlay-play>
  </videogular>
</div>