Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Addon Related › sc embed player – preload audio files
- This topic has 13 replies, 3 voices, and was last updated 10 years, 3 months ago by dwbone.
-
AuthorPosts
-
July 2, 2014 at 4:53 am #11112dwboneMember
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 #64083wzpModeratorUse a caching plugin, and/or a faster server.
July 2, 2014 at 4:00 pm #64084dwboneMemberI 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 #64085wzpModeratorWhat 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 #64086dwboneMemberI 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 #64087dwboneMemberOkay… 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 #64088dwboneMembersorry 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 #64089wzpModeratorPlease post a link to a test page, so someone can look at this.
August 1, 2014 at 10:26 pm #64090dwboneMembergsmusic.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:
(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 #64091adminKeymasterYou 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 #64092dwboneMemberYou folks are awesome.
thanks for the lead.
August 4, 2014 at 11:05 pm #64093dwboneMemberI 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 #64094dwboneMemberFYI
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 #64095dwboneMemberI 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.
-
AuthorPosts
- You must be logged in to reply to this topic.