Okay
  Public Ticket #2364339
HTML5 audio
Closed

Comments

  • dmikeabx2 started the conversation

    Hi,

    We need a means of playing audio files on our site and purchased (through ThemeNectar) a copy of Audio Player PRO - Addon For Visual Composer (by Lambert Group) (v2 - latest version).  This is a WPBakery Page Builder compatible addon.  However it seems to break the version of WPBakery installed with Salient (also latest version).  If added to a page it doesn't actually appear on the preview or site page and also seems to break other elements added to the page (e.g. images vanish).  Once removed from the editing page images, etc, re-appear.  Text on the page isn't affected.)

    We could raise the issue with the authors of the plugin although the same plugin is also available directly from wpbakery.com so presumably it works with the standard wpbakery setup.

    Is this something that can be fixed or should we look for an alternative HTML5 audio player (and if so could you suggest one that is known to be compliant with Salient)?


    Many thanks

    Mike


  •  8,991
    Tahir replied

    Hey Again,

    Gonna escalate it to the developer so he may add in a response.

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Best 


    ThemeNectar Support Team 

  •   dmikeabx2 replied privately
  •  1,089
    ThemeNectar replied

    Hey Mike,

    I just logged into your test site and added the audio player element into the setup (see attached). So far I have not seen any errors occur - is there any specific settings that need to be in place for this issue to appear?

    Thanks in advance 

  • dmikeabx2 replied

    Hi

    Yes I can see the player there.  I must be missing a stage.  I created a new page (HTML 5 Test 2), added the image, saved - page is there with image.  Went back to Frontend editor, added the HTML 5 Pro player, saved, now the image has vanished.  Is there a stage I am missing.

    Mike

  •  1,089
    ThemeNectar replied

    I believe I found the issue. The answer is a but technical, so if you just want the answer skip to the TLDR;

    -------

    A few versions ago, WPBakery implemented a change that causes shortcode attributes to not automatically save from dropdowns unless the field uses a parameter called "save_always": https://kb.wpbakery.com/docs/developers-how-tos/save-param-values-in-shortcode-string/

    The plugin you're using has likely not updated their code to use that and thus, the element is not getting created correctly when adding it. If you look at the classic editor view for your newly created test vs the HTML 5 audio test which I added a player to, you'll see that the audio player shortcode is missing its attributes. 

    i.e. it's storing as 

    [audio_player_pro]...[/audio_player_pro]
    

    instead of

    [audio_player_pro id="84128" seekbar_color="#ffffff" volume_on_color="#ffffff" timer_color="#ffffff" song_author_color="#ffffff" playlist_record_bottom_border_on_color="#ffffff" playlist_record_text_on_color="#ffffff" selected_categ_off_color="#ffffff" selected_categ_on_color="#ffffff" search_input_bg="#ffffff"][/audio_player_pro]

    However, after adding the element to your page, if you make a change to ANY of the values within the "audio player pro" (not a playlist item) element, it will cause the shortcode attributes to save and thus allow the element to render as expected. (see attached screenshot)

    -------

    TLDR; The plugin itself likely has an outdated codebase and in order to workaround that, after you add the element to your page simply edit the "audio play pro" element, make a change to any option, and click save changes.

    Cheers

  • dmikeabx2 replied

    Tahir

    Yes - that works.  Thanks for your time and comprehensive analysis of the issue.

    Mike