Skip to main content
Participant
January 16, 2018
Answered

Animate CC - HTML 5 Canvas Mediaplayer Pausebtn

  • January 16, 2018
  • 1 reply
  • 312 views

I'm trying to make a audioplayer in Animate CC with HTML 5 Canvas - Javascript.

Everything works fine. Buttons for start and stop. The mutebutton workes also. But I can't fix the pausebutton.

Do I do something wrong?

this.startknop.addEventListener("click", muziekstart.bind(this));

function muziekstart()

{

createjs.Sound.play("muziek");

}

this.stopknop.addEventListener("click", muziekstop.bind(this));

function muziekstop()

{

createjs.Sound.stop("muziek");

}

this.muteknop.addEventListener("click", mute.bind(this));

function mute()

{

if(createjs.Sound.muted) {

           createjs.Sound.muted = false; // mute

          this.mutetekst.text = "Mute";

    } else {

          createjs.Sound.muted = true; // mute on

          this.mutetekst.text = "Mute af";

    }

};

this.pauzeknop.addEventListener("click", pauze.bind(this));

function pauze()

{

if(createjs.Sound.paused) {

        createjs.Sound.paused = false; // pauze afzetten

    } else {

        createjs.Sound.paused = true; // pauzeren

    }

};

This topic has been closed for replies.
Correct answer kglad

try;

var s;

this.startknop.addEventListener("click", muziekstart.bind(this));

function muziekstart()

{

s=createjs.Sound.play("muziek");

}

this.stopknop.addEventListener("click", muziekstop.bind(this));

function muziekstop()

{

createjs.Sound.stop("muziek");

}

this.muteknop.addEventListener("click", mute.bind(this));

function mute()

{

if(createjs.Sound.muted) {

           createjs.Sound.muted = false; // mute

          this.mutetekst.text = "Mute";

    } else {

          createjs.Sound.muted = true; // mute on

          this.mutetekst.text = "Mute af";

    }

};

this.pauzeknop.addEventListener("click", pauze.bind(this));

function pauze()

{

if(s.paused) {

       s.paused = false; // pauze afzetten

    } else {

       s.paused = true; // pauzeren

    }

};

1 reply

kglad
Community Expert
kgladCommunity ExpertCorrect answer
Community Expert
January 16, 2018

try;

var s;

this.startknop.addEventListener("click", muziekstart.bind(this));

function muziekstart()

{

s=createjs.Sound.play("muziek");

}

this.stopknop.addEventListener("click", muziekstop.bind(this));

function muziekstop()

{

createjs.Sound.stop("muziek");

}

this.muteknop.addEventListener("click", mute.bind(this));

function mute()

{

if(createjs.Sound.muted) {

           createjs.Sound.muted = false; // mute

          this.mutetekst.text = "Mute";

    } else {

          createjs.Sound.muted = true; // mute on

          this.mutetekst.text = "Mute af";

    }

};

this.pauzeknop.addEventListener("click", pauze.bind(this));

function pauze()

{

if(s.paused) {

       s.paused = false; // pauze afzetten

    } else {

       s.paused = true; // pauzeren

    }

};

StefanDTAuthor
Participant
January 17, 2018

It works. thanks a lot.

kglad
Community Expert
Community Expert
January 17, 2018

you're welcome.