Cordova Music Controls Plugin, how to make it work?

Asked

Viewed 21 times

1

I’ve done the plugin installation normally, tbm this is all ok with deploy and the app is running normal, but ñ know how to run the plugin to put the audio control in the notification bar, there are no examples and the documentation is very weak. Can someone help me?

PLUGIN LINK: https://github.com/ghenry22/cordova-plugin-music-controls2

<div onclick="play();" id="play" class="play">
       PLAY
</div>

<div onclick="pause()" id="stop" class="disable stop">
       STOP
</div>

<div>
      <audio id="player" controls>
              <source src="https://9230.brasilstream.com.br/stream" type="audio/aac">
      </audio>
</div>

<script src="cordova.js"></script>
<script src="js/jquery351min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

<script type="text/javascript">
var audioplayer = document.getElementById("player");

function play(){
       audioplayer.play();
}
function pause(){
        audioplayer.pause();
}

audioplayer.MusicControls.create({
    track       : 'Time is Running Out',        // optional, default : ''
    artist      : 'Muse',                       // optional, default : ''
    album       : 'Absolution',     // optional, default: ''
    cover       : 'albums/absolution.jpg',      // optional, default : nothing
    // cover can be a local path (use fullpath 'file:///storage/emulated/...', or only 'my_image.jpg' if my_image.jpg is in the www folder of your app)
    //           or a remote url ('http://...', 'https://...', 'ftp://...')
    isPlaying   : true,                         // optional, default : true
    dismissable : true,                         // optional, default : false

    // hide previous/next/close buttons:
    hasPrev   : false,      // show previous button, optional, default: true
    hasNext   : false,      // show next button, optional, default: true
    hasClose  : true,       // show close button, optional, default: false

    // iOS only, optional

    duration : 60, // optional, default: 0
    elapsed : 10, // optional, default: 0
    hasSkipForward : true, //optional, default: false. true value overrides hasNext.
    hasSkipBackward : true, //optional, default: false. true value overrides hasPrev.
    skipForwardInterval : 15, //optional. default: 0.
    skipBackwardInterval : 15, //optional. default: 0.
    hasScrubbing : false, //optional. default to false. Enable scrubbing from control center progress bar 

    // Android only, optional

    // text displayed in the status bar when the notification (and the ticker) are updated
    ticker    : 'RADIO GAZETA"',
    //All icons default to their built-in android equivalents
    //The supplied drawable name, e.g. 'media_play', is the name of a drawable found under android/res/drawable* folders
    playIcon: 'media_play',
    pauseIcon: 'media_pause',
    prevIcon: 'media_prev',
    //nextIcon: 'media_next',
   //closeIcon: 'media_close',
    notificationIcon: 'notification'
}, onSuccess, onError);

</script>

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.