How to show playing info with MPNowPlayingInfoCenter when play audio WKWebView?












-1















In my react-native app I used UIWebView to show html5 audio player to user. I could successfully use MPNowPlayingInfoCenter to show playing info. But when switched to WKWebView (for performance reasons) it stopped show that info. Seems like WKWebView overrides MPNowPlayingInfoCenter. Even though I can open safari and play audio from websites and see not url but text title and can touch play/pause.



How to solve this? Please advise!



I've tried Overriding MPNowPlayingInfoCenter while using WKWebView



I need to change title, track name, image and also enable/disable buttons and track "touch" on them.










share|improve this question

























  • @matt It's not a duplicate! I need to control whole Info Center. Not just "title" !

    – Kesha Antonov
    Jan 2 at 16:54











  • The point is that this has been asked before and no way has been found. We know this is an issue; that is well established. Your asking again contributes nothing. Hence it is a duplicate. If you need to use the MPNowPlayingInfoCenter, use a different way of playing the audio.

    – matt
    Jan 2 at 16:56













  • @matt it was asked 3.5 years ago! Maybe something has changed

    – Kesha Antonov
    Jan 2 at 16:57











  • Well, it hasn't. Still, I'll open it back up for now.

    – matt
    Jan 2 at 16:58
















-1















In my react-native app I used UIWebView to show html5 audio player to user. I could successfully use MPNowPlayingInfoCenter to show playing info. But when switched to WKWebView (for performance reasons) it stopped show that info. Seems like WKWebView overrides MPNowPlayingInfoCenter. Even though I can open safari and play audio from websites and see not url but text title and can touch play/pause.



How to solve this? Please advise!



I've tried Overriding MPNowPlayingInfoCenter while using WKWebView



I need to change title, track name, image and also enable/disable buttons and track "touch" on them.










share|improve this question

























  • @matt It's not a duplicate! I need to control whole Info Center. Not just "title" !

    – Kesha Antonov
    Jan 2 at 16:54











  • The point is that this has been asked before and no way has been found. We know this is an issue; that is well established. Your asking again contributes nothing. Hence it is a duplicate. If you need to use the MPNowPlayingInfoCenter, use a different way of playing the audio.

    – matt
    Jan 2 at 16:56













  • @matt it was asked 3.5 years ago! Maybe something has changed

    – Kesha Antonov
    Jan 2 at 16:57











  • Well, it hasn't. Still, I'll open it back up for now.

    – matt
    Jan 2 at 16:58














-1












-1








-1








In my react-native app I used UIWebView to show html5 audio player to user. I could successfully use MPNowPlayingInfoCenter to show playing info. But when switched to WKWebView (for performance reasons) it stopped show that info. Seems like WKWebView overrides MPNowPlayingInfoCenter. Even though I can open safari and play audio from websites and see not url but text title and can touch play/pause.



How to solve this? Please advise!



I've tried Overriding MPNowPlayingInfoCenter while using WKWebView



I need to change title, track name, image and also enable/disable buttons and track "touch" on them.










share|improve this question
















In my react-native app I used UIWebView to show html5 audio player to user. I could successfully use MPNowPlayingInfoCenter to show playing info. But when switched to WKWebView (for performance reasons) it stopped show that info. Seems like WKWebView overrides MPNowPlayingInfoCenter. Even though I can open safari and play audio from websites and see not url but text title and can touch play/pause.



How to solve this? Please advise!



I've tried Overriding MPNowPlayingInfoCenter while using WKWebView



I need to change title, track name, image and also enable/disable buttons and track "touch" on them.







ios swift react-native webview wkwebview






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 2 at 16:46







Kesha Antonov

















asked Jan 2 at 16:36









Kesha AntonovKesha Antonov

168313




168313













  • @matt It's not a duplicate! I need to control whole Info Center. Not just "title" !

    – Kesha Antonov
    Jan 2 at 16:54











  • The point is that this has been asked before and no way has been found. We know this is an issue; that is well established. Your asking again contributes nothing. Hence it is a duplicate. If you need to use the MPNowPlayingInfoCenter, use a different way of playing the audio.

    – matt
    Jan 2 at 16:56













  • @matt it was asked 3.5 years ago! Maybe something has changed

    – Kesha Antonov
    Jan 2 at 16:57











  • Well, it hasn't. Still, I'll open it back up for now.

    – matt
    Jan 2 at 16:58



















  • @matt It's not a duplicate! I need to control whole Info Center. Not just "title" !

    – Kesha Antonov
    Jan 2 at 16:54











  • The point is that this has been asked before and no way has been found. We know this is an issue; that is well established. Your asking again contributes nothing. Hence it is a duplicate. If you need to use the MPNowPlayingInfoCenter, use a different way of playing the audio.

    – matt
    Jan 2 at 16:56













  • @matt it was asked 3.5 years ago! Maybe something has changed

    – Kesha Antonov
    Jan 2 at 16:57











  • Well, it hasn't. Still, I'll open it back up for now.

    – matt
    Jan 2 at 16:58

















@matt It's not a duplicate! I need to control whole Info Center. Not just "title" !

– Kesha Antonov
Jan 2 at 16:54





@matt It's not a duplicate! I need to control whole Info Center. Not just "title" !

– Kesha Antonov
Jan 2 at 16:54













The point is that this has been asked before and no way has been found. We know this is an issue; that is well established. Your asking again contributes nothing. Hence it is a duplicate. If you need to use the MPNowPlayingInfoCenter, use a different way of playing the audio.

– matt
Jan 2 at 16:56







The point is that this has been asked before and no way has been found. We know this is an issue; that is well established. Your asking again contributes nothing. Hence it is a duplicate. If you need to use the MPNowPlayingInfoCenter, use a different way of playing the audio.

– matt
Jan 2 at 16:56















@matt it was asked 3.5 years ago! Maybe something has changed

– Kesha Antonov
Jan 2 at 16:57





@matt it was asked 3.5 years ago! Maybe something has changed

– Kesha Antonov
Jan 2 at 16:57













Well, it hasn't. Still, I'll open it back up for now.

– matt
Jan 2 at 16:58





Well, it hasn't. Still, I'll open it back up for now.

– matt
Jan 2 at 16:58












1 Answer
1






active

oldest

votes


















0














what is this ? html5 audio player is a web version which not work in react native i guess






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',
    autoActivateHeartbeat: false,
    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%2f54009930%2fhow-to-show-playing-info-with-mpnowplayinginfocenter-when-play-audio-wkwebview%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









    0














    what is this ? html5 audio player is a web version which not work in react native i guess






    share|improve this answer




























      0














      what is this ? html5 audio player is a web version which not work in react native i guess






      share|improve this answer


























        0












        0








        0







        what is this ? html5 audio player is a web version which not work in react native i guess






        share|improve this answer













        what is this ? html5 audio player is a web version which not work in react native i guess







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 28 at 10:47







        user10978567







































            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.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54009930%2fhow-to-show-playing-info-with-mpnowplayinginfocenter-when-play-audio-wkwebview%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

            MongoDB - Not Authorized To Execute Command

            How to fix TextFormField cause rebuild widget in Flutter

            in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith