Audio tag issues

  • Resolved dealsout

    (@dealsout)


    7 years, 1 month ago

    Hello,
    First of all thanks for lovely plugin. We have made a few tables with almost 300-400 column entries in each tables. We added mp3 files entries with audio player tags. At the page loads some of them do not load properly or hangs the page in different browsers.
    Could you please guide for the solution please?
    Thanks.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    thanks for your question, and sorry for the trouble.

    First, let’s fix another issue: On the “Edit” screen of this page, where you inserted the Shortcode, please switch from the “Visual” to the “Text” editor. Then, please check if there is extra HTML code like <pre> and </pre> around the Shortcode and remove it. This is currently interfering with the layout and styling.
    Then, you could also try turning off the TablePress output cache, which might be causing the audio player issue. For that, please extend the Shortcode on that page to

    [table id=20 cache_table_output=false /]

    Regards,
    Tobias

    Thread Starter dealsout

    (@dealsout)

    7 years, 1 month ago

    Thanks for reply Tobias, i have deleted the pre tag. 🙂

    this is it now.
    [table id=20 responsive=collapse cache_table_output=false /]

    Is it the javascript library options causing issue or the multiple audio tags here?

    Also suggest which audio tags are better for better performance across different browsers on desktop/cellphone (iphone safari), only chrome able to handle tables properly.

    I have tried following tags –
    1) <audio controls>
    <source src=”example.mp3″ type=”audio/mpeg” preload=”none” />
    Your browser does not support the audio element
    </audio>

    2) [audio src="example.mp3"/]

    3) [audio mp3="example.mp3"]

    Some of them starts preloading all files at once, so cause huge loading times as mp3 files are 300+ on a page.

    Lastly any audio html3 plugin to recommend if required to do any better?

    Thanks a lot friend, for helping out here.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    unfortunately, I can not really make further recommendations regarding audio players here, I simply have no experience with them, sorry.

    Regards,
    Tobias

    Thread Starter dealsout

    (@dealsout)

    7 years, 1 month ago

    So there is no javascript library issues on the page now? firefox mobile browser shows javascript error and stops loading page.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    I don’t get a JavaScript error in Chrome, but Firefox is very slow loading the site. I can only assume that this is related to the high number of audio players on this page.

    Regards,
    Tobias

    Thread Starter dealsout

    (@dealsout)

    7 years, 1 month ago

    Thanks for your time, appreciated Tobias 🙂

    Nice simple plugin.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 1 month ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Audio tag issues’ is closed to new replies.