Ionic- cant get input range slider to work with cordovaMedia plugin for audio position tracking


#1

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>