I’m trying to create an audio player using cordovaMedia with a track bar to show position of audio like normal audio players. But using ionic range slider I couldn’t achieve it. Is there a way I can make it work? Any help would be much appreciated! Thanks
Here is my code,
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content ng-controller="MyCtrl">
<ion-audio-controls>
<button class="button" ng-click="playAudio('http://www.podtrac.com/pts/redirect.mp3/traffic.libsyn.com/nerdist/Nerdist_270_-_Larry_King.mp3')">PLAY</button>
<button class="button" ng-click="pauseMedia()">PAUSE</button>
<button class="button" ng-click="stopMedia()">STOP</button>
<!--<ion-spinner icon="ios" style="position: relative; top: 8px; left: 4px"></ion-spinner>-->
</ion-audio-controls>
<div class="row">
<div class="col">
<input type="range" name="volume" min="0" max="100" value="audpos" style="width:100%">
</div>
</div>
<p id="audio_position"></p>
<p id="audio_duration"></p>
</ion-content>
</ion-pane>