AKMIDIListener: ReceivedNoteOn unable to change UI Components











up vote
2
down vote

favorite












I am creating an application that receives MIDI notes and plays music in the app according to the note it received. I am using AudioKit's AKMIDIListener protocol and the function receivedMIDINoteOn. It am able to recieve these events and play the notes that I want to play from my app accordingly. However, I am also trying to change UI components within the ReceivedMIDINoteOn function, but I am unable to do so. Otherwise, the receivedMIDINoteOn is handling it's events correctly, the UI simply won't change to reflect this for some reason. The UIViewController that I am changing also has the AKMIDIListener protocol, and the receivedMIDINoteOn function is also defined in that UIViewController. I have provided a code snippet below to help ID the problem. Why might the UI components not update? In the code below, the "playButton" is not being updated when it receives the MIDINoteOn function, even though I know the function runs because it plays the background music. Also, the playButton changes it's title accordingly whenever I use change the title in some other function in my code



let midi = AudioKit.midi


class firstPageViewController: UIViewController, AKMIDIListener {

@IBOutlet var MusicButtons: [UIButton]!
@IBOutlet var playButton: UIButton!
@IBOutlet var pauseButton: UIButton!
@IBOutlet var WaveForm: AudioVisualizationView!


@IBOutlet weak var firstButton: UIButton!

@IBOutlet weak var secondButton: UIButton!

@IBOutlet weak var thirdButton: UIButton!


override func viewDidLoad() {
super.viewDidLoad()
isOnFirstPage = true
isOnSecondPage = false
isOnThirdPage = false
self.secondButton.setTitleColor(UIColor.blue, for: .normal)
self.thirdButton.setTitleColor(UIColor.blue, for: .normal)
midi.openInput()
midi.addListener(self)
self.init_buttons()
self.init_soundwave()
self.init_audio()
}

func receivedMIDINoteOn(noteNumber: MIDINoteNumber, velocity: MIDIVelocity, channel: MIDIChannel) {
let currNum = mapping[Int(noteNumber)]
if currNum == 64 { //Play button
self.playBackground(0)
self.playButton.setTitle("Currently Playing", for: .normal)
}
else if currNum == 67 { //Pause button
self.pauseMusic(0)
self.playButton.setTitle("Play", for: .normal)
}
else if currNum == 68 { //Switch button - first page
self.firstPageSwitch(0)
}
else if currNum == 69 { //Switch button - second page
self.secondPageSwitch(0)
}
else if currNum == 70 { //Switch button - third page
self.thirdPageSwitch(0)
}
else if currNum == 71 {
//
}
else if currNum == 65 {
//
}
else if currNum == 66 {
//
}
else {
if isOnFirstPage! {
self.playMusic(currNum: currNum!, holder: audioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
if isOnSecondPage!{
self.playMusic(currNum: currNum!, holder: secondAudioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
}
}


}










share|improve this question


















  • 1




    Does the receivedMIDINoteOn() method get called on the main UI thread? There was a time when MIDI was handled entirely in interrupts (in the olden days), so it wouldn't surprise me if it's handled in a background thread. Also, you could try adding a call to self.MusicButtons![currNum!]needsDisplay = true after the change of backgroundColor.
    – user1118321
    Nov 10 at 21:30















up vote
2
down vote

favorite












I am creating an application that receives MIDI notes and plays music in the app according to the note it received. I am using AudioKit's AKMIDIListener protocol and the function receivedMIDINoteOn. It am able to recieve these events and play the notes that I want to play from my app accordingly. However, I am also trying to change UI components within the ReceivedMIDINoteOn function, but I am unable to do so. Otherwise, the receivedMIDINoteOn is handling it's events correctly, the UI simply won't change to reflect this for some reason. The UIViewController that I am changing also has the AKMIDIListener protocol, and the receivedMIDINoteOn function is also defined in that UIViewController. I have provided a code snippet below to help ID the problem. Why might the UI components not update? In the code below, the "playButton" is not being updated when it receives the MIDINoteOn function, even though I know the function runs because it plays the background music. Also, the playButton changes it's title accordingly whenever I use change the title in some other function in my code



let midi = AudioKit.midi


class firstPageViewController: UIViewController, AKMIDIListener {

@IBOutlet var MusicButtons: [UIButton]!
@IBOutlet var playButton: UIButton!
@IBOutlet var pauseButton: UIButton!
@IBOutlet var WaveForm: AudioVisualizationView!


@IBOutlet weak var firstButton: UIButton!

@IBOutlet weak var secondButton: UIButton!

@IBOutlet weak var thirdButton: UIButton!


override func viewDidLoad() {
super.viewDidLoad()
isOnFirstPage = true
isOnSecondPage = false
isOnThirdPage = false
self.secondButton.setTitleColor(UIColor.blue, for: .normal)
self.thirdButton.setTitleColor(UIColor.blue, for: .normal)
midi.openInput()
midi.addListener(self)
self.init_buttons()
self.init_soundwave()
self.init_audio()
}

func receivedMIDINoteOn(noteNumber: MIDINoteNumber, velocity: MIDIVelocity, channel: MIDIChannel) {
let currNum = mapping[Int(noteNumber)]
if currNum == 64 { //Play button
self.playBackground(0)
self.playButton.setTitle("Currently Playing", for: .normal)
}
else if currNum == 67 { //Pause button
self.pauseMusic(0)
self.playButton.setTitle("Play", for: .normal)
}
else if currNum == 68 { //Switch button - first page
self.firstPageSwitch(0)
}
else if currNum == 69 { //Switch button - second page
self.secondPageSwitch(0)
}
else if currNum == 70 { //Switch button - third page
self.thirdPageSwitch(0)
}
else if currNum == 71 {
//
}
else if currNum == 65 {
//
}
else if currNum == 66 {
//
}
else {
if isOnFirstPage! {
self.playMusic(currNum: currNum!, holder: audioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
if isOnSecondPage!{
self.playMusic(currNum: currNum!, holder: secondAudioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
}
}


}










share|improve this question


















  • 1




    Does the receivedMIDINoteOn() method get called on the main UI thread? There was a time when MIDI was handled entirely in interrupts (in the olden days), so it wouldn't surprise me if it's handled in a background thread. Also, you could try adding a call to self.MusicButtons![currNum!]needsDisplay = true after the change of backgroundColor.
    – user1118321
    Nov 10 at 21:30













up vote
2
down vote

favorite









up vote
2
down vote

favorite











I am creating an application that receives MIDI notes and plays music in the app according to the note it received. I am using AudioKit's AKMIDIListener protocol and the function receivedMIDINoteOn. It am able to recieve these events and play the notes that I want to play from my app accordingly. However, I am also trying to change UI components within the ReceivedMIDINoteOn function, but I am unable to do so. Otherwise, the receivedMIDINoteOn is handling it's events correctly, the UI simply won't change to reflect this for some reason. The UIViewController that I am changing also has the AKMIDIListener protocol, and the receivedMIDINoteOn function is also defined in that UIViewController. I have provided a code snippet below to help ID the problem. Why might the UI components not update? In the code below, the "playButton" is not being updated when it receives the MIDINoteOn function, even though I know the function runs because it plays the background music. Also, the playButton changes it's title accordingly whenever I use change the title in some other function in my code



let midi = AudioKit.midi


class firstPageViewController: UIViewController, AKMIDIListener {

@IBOutlet var MusicButtons: [UIButton]!
@IBOutlet var playButton: UIButton!
@IBOutlet var pauseButton: UIButton!
@IBOutlet var WaveForm: AudioVisualizationView!


@IBOutlet weak var firstButton: UIButton!

@IBOutlet weak var secondButton: UIButton!

@IBOutlet weak var thirdButton: UIButton!


override func viewDidLoad() {
super.viewDidLoad()
isOnFirstPage = true
isOnSecondPage = false
isOnThirdPage = false
self.secondButton.setTitleColor(UIColor.blue, for: .normal)
self.thirdButton.setTitleColor(UIColor.blue, for: .normal)
midi.openInput()
midi.addListener(self)
self.init_buttons()
self.init_soundwave()
self.init_audio()
}

func receivedMIDINoteOn(noteNumber: MIDINoteNumber, velocity: MIDIVelocity, channel: MIDIChannel) {
let currNum = mapping[Int(noteNumber)]
if currNum == 64 { //Play button
self.playBackground(0)
self.playButton.setTitle("Currently Playing", for: .normal)
}
else if currNum == 67 { //Pause button
self.pauseMusic(0)
self.playButton.setTitle("Play", for: .normal)
}
else if currNum == 68 { //Switch button - first page
self.firstPageSwitch(0)
}
else if currNum == 69 { //Switch button - second page
self.secondPageSwitch(0)
}
else if currNum == 70 { //Switch button - third page
self.thirdPageSwitch(0)
}
else if currNum == 71 {
//
}
else if currNum == 65 {
//
}
else if currNum == 66 {
//
}
else {
if isOnFirstPage! {
self.playMusic(currNum: currNum!, holder: audioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
if isOnSecondPage!{
self.playMusic(currNum: currNum!, holder: secondAudioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
}
}


}










share|improve this question













I am creating an application that receives MIDI notes and plays music in the app according to the note it received. I am using AudioKit's AKMIDIListener protocol and the function receivedMIDINoteOn. It am able to recieve these events and play the notes that I want to play from my app accordingly. However, I am also trying to change UI components within the ReceivedMIDINoteOn function, but I am unable to do so. Otherwise, the receivedMIDINoteOn is handling it's events correctly, the UI simply won't change to reflect this for some reason. The UIViewController that I am changing also has the AKMIDIListener protocol, and the receivedMIDINoteOn function is also defined in that UIViewController. I have provided a code snippet below to help ID the problem. Why might the UI components not update? In the code below, the "playButton" is not being updated when it receives the MIDINoteOn function, even though I know the function runs because it plays the background music. Also, the playButton changes it's title accordingly whenever I use change the title in some other function in my code



let midi = AudioKit.midi


class firstPageViewController: UIViewController, AKMIDIListener {

@IBOutlet var MusicButtons: [UIButton]!
@IBOutlet var playButton: UIButton!
@IBOutlet var pauseButton: UIButton!
@IBOutlet var WaveForm: AudioVisualizationView!


@IBOutlet weak var firstButton: UIButton!

@IBOutlet weak var secondButton: UIButton!

@IBOutlet weak var thirdButton: UIButton!


override func viewDidLoad() {
super.viewDidLoad()
isOnFirstPage = true
isOnSecondPage = false
isOnThirdPage = false
self.secondButton.setTitleColor(UIColor.blue, for: .normal)
self.thirdButton.setTitleColor(UIColor.blue, for: .normal)
midi.openInput()
midi.addListener(self)
self.init_buttons()
self.init_soundwave()
self.init_audio()
}

func receivedMIDINoteOn(noteNumber: MIDINoteNumber, velocity: MIDIVelocity, channel: MIDIChannel) {
let currNum = mapping[Int(noteNumber)]
if currNum == 64 { //Play button
self.playBackground(0)
self.playButton.setTitle("Currently Playing", for: .normal)
}
else if currNum == 67 { //Pause button
self.pauseMusic(0)
self.playButton.setTitle("Play", for: .normal)
}
else if currNum == 68 { //Switch button - first page
self.firstPageSwitch(0)
}
else if currNum == 69 { //Switch button - second page
self.secondPageSwitch(0)
}
else if currNum == 70 { //Switch button - third page
self.thirdPageSwitch(0)
}
else if currNum == 71 {
//
}
else if currNum == 65 {
//
}
else if currNum == 66 {
//
}
else {
if isOnFirstPage! {
self.playMusic(currNum: currNum!, holder: audioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
if isOnSecondPage!{
self.playMusic(currNum: currNum!, holder: secondAudioPlayer)
self.MusicButtons![currNum!].backgroundColor = UIColor(red: 247/255, green: 183/255, blue: 98/255, alpha: 1.0)
}
}
}


}







swift xcode uiviewcontroller midi audiokit






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 10 at 21:11









AvnerKhan

132




132








  • 1




    Does the receivedMIDINoteOn() method get called on the main UI thread? There was a time when MIDI was handled entirely in interrupts (in the olden days), so it wouldn't surprise me if it's handled in a background thread. Also, you could try adding a call to self.MusicButtons![currNum!]needsDisplay = true after the change of backgroundColor.
    – user1118321
    Nov 10 at 21:30














  • 1




    Does the receivedMIDINoteOn() method get called on the main UI thread? There was a time when MIDI was handled entirely in interrupts (in the olden days), so it wouldn't surprise me if it's handled in a background thread. Also, you could try adding a call to self.MusicButtons![currNum!]needsDisplay = true after the change of backgroundColor.
    – user1118321
    Nov 10 at 21:30








1




1




Does the receivedMIDINoteOn() method get called on the main UI thread? There was a time when MIDI was handled entirely in interrupts (in the olden days), so it wouldn't surprise me if it's handled in a background thread. Also, you could try adding a call to self.MusicButtons![currNum!]needsDisplay = true after the change of backgroundColor.
– user1118321
Nov 10 at 21:30




Does the receivedMIDINoteOn() method get called on the main UI thread? There was a time when MIDI was handled entirely in interrupts (in the olden days), so it wouldn't surprise me if it's handled in a background thread. Also, you could try adding a call to self.MusicButtons![currNum!]needsDisplay = true after the change of backgroundColor.
– user1118321
Nov 10 at 21:30












1 Answer
1






active

oldest

votes

















up vote
2
down vote



accepted










The commenter is correct, you need wrap your UI calls in a



DispatchQueue.main.async {

// ... code here

}


And also perhaps will have to put an self.playButton.setNeedsDisplay() at the end.






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53243444%2fakmidilistener-receivednoteon-unable-to-change-ui-components%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    2
    down vote



    accepted










    The commenter is correct, you need wrap your UI calls in a



    DispatchQueue.main.async {

    // ... code here

    }


    And also perhaps will have to put an self.playButton.setNeedsDisplay() at the end.






    share|improve this answer

























      up vote
      2
      down vote



      accepted










      The commenter is correct, you need wrap your UI calls in a



      DispatchQueue.main.async {

      // ... code here

      }


      And also perhaps will have to put an self.playButton.setNeedsDisplay() at the end.






      share|improve this answer























        up vote
        2
        down vote



        accepted







        up vote
        2
        down vote



        accepted






        The commenter is correct, you need wrap your UI calls in a



        DispatchQueue.main.async {

        // ... code here

        }


        And also perhaps will have to put an self.playButton.setNeedsDisplay() at the end.






        share|improve this answer












        The commenter is correct, you need wrap your UI calls in a



        DispatchQueue.main.async {

        // ... code here

        }


        And also perhaps will have to put an self.playButton.setNeedsDisplay() at the end.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 10 at 22:20









        Aurelius Prochazka

        2,7231529




        2,7231529






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53243444%2fakmidilistener-receivednoteon-unable-to-change-ui-components%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Guess what letter conforming each word

            Port of Spain

            Run scheduled task as local user group (not BUILTIN)