2
respostas

Cordova Music Controls Plugin, como fazer funcionar?

Já fiz a instalação do plugin normalmente, tbm esta tudo ok com o deploy e o app esta rodando normal, mas ñ sei como fazer funcionar o plugin para colocar o controle do áudio na barra de notificação, não existe exemplos e a documentação é muito fraca. Alguém pode me ajudar?

LINK do plugin: 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>
2 respostas

iai turma, ninguém pra ajudar?

Felipe, de boa?

Cordova é uma tecnologia que tem caído no mercado, infelizmente :(

Hoje flutter e reactive native tem ganho o espaço que outros frameworks tinham.

Acho que pode ser por conta disso, que a galera acaba não conseguindo ajudar, e pode ser que o próprio plugin esteja zuado devido a comunidade não estar dando tanto suporte

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software