Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

sc embed player – preload audio files

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Addon Related › sc embed player – preload audio files

Tagged: audio, mp3

  • This topic has 13 replies, 3 voices, and was last updated 10 years, 8 months ago by dwbone.
Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 2, 2014 at 4:53 am #11112
    dwbone
    Member

    I’m wondering if there is any way to preload the audio files used in the sc audio player short code?

    [sc_embed_player fileurl=”http://domain.com/music/samples/30-sec-song.mp3″%5D

    I have 66 tracks on one page, all are under 1mb, but still take >10-15 seconds to buffer, and gives the impression that the file isn’t going to play, until finally – it does, … not good load time.

    I am using the same the player on another site that has 180 samples to play so it would be nice to not “suffer” the delayed playback.

    thanks.

    July 2, 2014 at 1:53 pm #64083
    wzp
    Moderator

    Use a caching plugin, and/or a faster server.

    July 2, 2014 at 4:00 pm #64084
    dwbone
    Member

    I don’t think it’s a server problem – when i use another player, flash based, it works fine, but i don’t want to use a flash player.

    and my understanding is that a cache plugin in only loads content faster on previously loaded non-dynamic content. Does cache plugin PreLoad?

    Thanks for your help.

    July 2, 2014 at 4:13 pm #64085
    wzp
    Moderator

    What is the average size of these mp3 sample files? Can you try decrease the sampling rate of the files, so that they are smaller, without affecting the quality?

    July 2, 2014 at 6:17 pm #64086
    dwbone
    Member

    I was thinking about that as well as shortening the length a few more seconds…

    They are currently 30sec clips each around 400 to 700 kb, some actually higher and were created at another time, so I will go in and re-make my samples at a better, more uniform rate.

    thanks for the feedback

    July 28, 2014 at 5:35 am #64087
    dwbone
    Member

    Okay… Here I come again, and again I am very impressed with your amazing products.

    After a lot of work, I am following up with my playback issues, which may be due to me not using a cache plugin.

    I have done as I stated previously… I shortened the clips and improved compression.

    My current issue is, that the tracks will not play until the first track on the page is played.

    The pause button will activate when the play button is clicked but no audio plays. Click the play button on the 1st track it plays, then click another track and now … the each of the other tracks will play on click, no delay.

    any ideas, on why the subsequent tracks only play after that first track?

    I’m using some php and have the short codes contained in hidden divs, until song title is clicked to reveal product details short code and audio short code – like so:

    SONG TITLE <div id=”div-7″ class=”player” style=”display: none;”>[sc_embed_player fileurl=”http://WEBSITE.com/music/products/samples/SONG_TITLE_sample.mp3″%5D%5Bwp_eStore_add_to_cart id=7]</div>

    Thanks for the help.

    July 28, 2014 at 6:58 am #64088
    dwbone
    Member

    sorry did not submit the sample code I’m using correctly:

    < a onclick=”showHideDiv(‘div-7’);return false;”>SONG TITLE <div id=”div-7″ class=”player” style=”display:none;”>[sc_embed_player fileurl=”https://url.com/music/products/samples/song-file.mp3″%5D%5Bwp_eStore_add_to_cart id=7]</div>

    July 28, 2014 at 1:17 pm #64089
    wzp
    Moderator

    Please post a link to a test page, so someone can look at this.

    August 1, 2014 at 10:26 pm #64090
    dwbone
    Member

    gsmusic.com/store

    ( this is an imperfect test page just saying… anyway)

    click a song title to show the hidden div that contains the e-store short codes. if you attempt to play any song other than the 1st one it won’t play, click the 1st player it will play, and the other players on the page will now play. Refresh the page and the problem repeats, so upon adding to cart which refreshes the page, resets the problem there you have it.

    I do believe I’ve come across a solution in your forum here:

    https://support.tipsandtricks-hq.com/forums/topic/dynamically-create-custom-product-displays-using-product-detail-shortcodes

    (Which might need a more prominent presence or clearer heading on your Documentation Page. I must say it is an amazing flexible way to create a customized cart. Wish I had come a cross it earlier…)

    I am testing the method in the above forum post, it seems to allow any track to play upon click without the bug. If you have a solution to my test page bug, I’d like to know, it could save me some work.

    Thanks for you help again.

    August 2, 2014 at 12:36 am #64091
    admin
    Keymaster

    You have got some JavaScript errors which is preventing the player from being able to play the files. The error show up when you click on the play button. Take a look at the following post which will help you see what I am referring to:

    https://support.tipsandtricks-hq.com/forums/topic/debugging-javascript-errors-on-your-site

    August 3, 2014 at 9:19 pm #64092
    dwbone
    Member

    You folks are awesome.

    thanks for the lead.

    August 4, 2014 at 11:05 pm #64093
    dwbone
    Member

    I am working out my Java issues but am wondering if you guys would consider implementing the hide/show script into a eStore fancy display or two…

    here’s why,

    as is, the shortcodes must be nested in divs to apply the toggle event, which means

    new products must be added to the alphabetical list of products (on the page above) manually, rather than being automatically included when new product is added via eStore product admin, the process is double work, not intuitive for client.

    anyway, a thought.

    Thanks

    September 3, 2014 at 7:39 pm #64094
    dwbone
    Member

    FYI

    Still have not figured out why the first track is the only one that “is live” on page load and that the other tracks won’t play until that track is played. I’m not as java savvy enough…

    so, my work-around is to insert a hidden div with the player shortcode with a blank src reference and auto play. This allows any of the rest of the tracks to play on click.

    September 3, 2014 at 8:52 pm #64095
    dwbone
    Member

    I would like to update my recent update

    I have discovered that Firefox doesn’t like my autoplay audio track in a hidden div. By hidden i mean “display: none”.

    so, I am just going to have a visible and audible audio track play on page-load, and that will facilitate allowing the other tracks on the page to play.

    thanks for listening.

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ