TrackSeek
An example of the finished product is being used on this site
This is my 2nd installment to the Yahoo Media Player.
You can find other extensions here.
TrackResume.
TrackShuffle.
TrackLoop.
TrackFocus.
After posting to a few forums I realized people were also looking for a way to control the seek position in the player. So here it is.
Step 1) grab these files and drop them on your host
Both of these files need to be included after the Yahoo Media Player. The file ‘ef.ymp.utilities.js’ is needed for manipulating cookies, setting styles, and using MD5 hashes to store UIDs for the tracks.
<script src="http://fehrenbacher.com/lib/ef.ymp.utilities.js" type="text/javascript"</script> <script src="http://fehrenbacher.com/lib/ef.ymp.trackSeek.js" type="text/javascript"></script>
2009-01-06
Moved the slider into the main meta panel. Thanks to Stephen Garcia for a little insight into the future state.
Also changed the default color of the slider to a muted grey which matches the playlist and added a highlight color which matches the other greens.
February 12th, 2009 at 12:59 am
I’m using YMP on my website and would love to have your slider. Could you possibly send me some instructions? I found the posted code through the post on yahoogroups, but i’m still a noobie at programming and could use a walk through since I haven’t yet figured out how to get it working. If you can, I would really appreciate it. Thanks, Brandy
February 27th, 2009 at 9:59 am
The slider hack for the YMP looks great, but I can’t seem to find the links to the files on this page. Are the scripts available for use and, if so, how do I go about getting them? Thanks
March 22nd, 2009 at 10:36 pm
Can you please clarify which “files” need to be copied? It’s a bit confusing to understand the instructions.
March 28th, 2009 at 10:59 am
This looks like such a great add-on to fix the only complaint I have about the player, but it looks like I’m a little late in checking out your codes. I hope you’re okay and can add the files back to your site soon!
March 29th, 2009 at 9:20 pm
Hey guys, not sure where Eric has been or why the links are down. I’m using his hacks on another site of mine. I went ahead and wrote this post about how to find the files and link to them…….
http://www.ccastig.com/2009/03/29/yahoo-media-player-hacks/
hope that helps
April 1st, 2009 at 7:51 am
Hey guys, sorry for not responding for soooo long. Been I’ve been overwhelmed lately with work(Widgets for TV, http://connectedtv.yahoo.com/).
Evidently the last wordpress update hosed my syntax highlighter which prevented some examples and links from showing up. Should be good now
April 2nd, 2009 at 7:57 am
Fantastic. Thanks so much for getting the files back on the site. Can you tell me what the terms of use for the scripts are? I’d like to use them with some multimedia work I do at a community college. Are these FLOSS?
April 2nd, 2009 at 12:45 pm
There are no ‘Terms of Use’. Use and abuse at will
FYI: these files will eventually move to google code or something so download the files locally to use them. Don’t link or at some point in the future the library won’t be available to you.
April 3rd, 2009 at 10:18 am
I love the appearance and function of YMP on your page with the trackseek hack. I installed the two files (‘ef.ymp.utilities.js’ and ‘ef.ymp.trackSeek.js’) on my server and called them after the YMP script but the appearance of YMP was unchanged – no slider and the ‘learn more about this player’ cell remained. Sorry to bother but I really like yours so if you have any suggestions I would greatly appreciate. Thanks.
April 7th, 2009 at 12:10 am
Hello!
You are a very popular hacker. looks like you’re pretty busy too!
I have to ask two things that I couldn’t figure out on my own. I have been able to ‘turn off’ certain divs on the YMP, that’s easy. But you seem to have figured out – how to auto-launch the player – I couldn’t figure it out. I tried setting the ymp-player class by hand to ‘ymp-player-max’ but it didn’t work. Do tell!
And how did you get rid of the extra space to the right of the white space (http://noonchild.com/muse/art/screenshot_01.jpg) – I’ve been trying to do that all night!
Thanks in advance for any pointers you might have.
cheers
k
April 7th, 2009 at 12:26 am
hehe, forgot about the old ‘right-click and view source’.
Never mind.
May 1st, 2009 at 12:11 am
hi… great addition to the player… pretty much perfect now…!
one thing I was wondering about.. on my blog, when looking at the home page (all post down the page) and a player is started, the search function doesn’t work. However, when you click on a specific post and go to it, the player search works fine..
May 21st, 2009 at 2:38 pm
Syntax error on the first script. Need a “>” after the javascript”. Found it and it’s working great. Thanks.
June 6th, 2009 at 2:27 pm
[...] Eric has written a number of scripts that extend the player and add extra features. Features like TrackSeek , which adds a slider to give users the ability to move forward and back in a track and TrackLoop [...]
July 22nd, 2009 at 11:27 am
Question about the trackseek – if you drag the slider far enough to the right, it goes to the next track. I thought maybe I had done something wrong, but it does it on your YMP on this page as well. I was assuming that dragging it to the right would allow me to go closer to the end of the current track, but again, if you drag too far, it just skips to the next track. Is it supposed to do that? Is there a way to fix that so the entire slider is only for the current track?
August 3rd, 2009 at 12:04 pm
I find that trackseek works great on Internet Explorer but on Firefox, Safari and Google Chrome it does as Jeremy stated on July 22nd. if you drag the slider past the halfway point it goes onto the next track.
August 6th, 2009 at 9:31 am
Yahoo Media Player is awesome! I’m really excited to have discovered such a find and hope to use it in my own web projects very soon, but making customizations without butchering the source code seems a bit less trivial than I originally thought.
Krister Axel, I’m curious at how you were able to “turn off” certain divs on the YMP. It would be great to remove the ymp-yahoo-logo and the ymp-relevance divs altogether without forking the original source. I’ve tried using some CSS hacks, but the results left something to be desired when the divs were still taking up space when rendered in the browser.
I’m thinking that if there was some way to get the YMP script to execute and then run another custom script to modify the DOM tree that was created by the YMP script, I could jump off to a good start. At the moment, I’m having trouble getting my custom script to execute AFTER the YMP script and when I look at the source in the browser, my script always ends up BEFORE the YMP script despite my efforts to explicitly place my scripting code AFTER the YMP script.
Thanks for any divine wisdom that may descend from upon high from the gods of Javascripting. Actually, I’d just greatly appreciate any help/advice anyne has to offer. =)
August 20th, 2009 at 5:51 pm
When I try to use your code with other javascript it seems to clash. I don’t know what I’m doing wrong. Also, the player doesn’t follow you on the page when you scroll. In IE it doesn’t even show up. Thanks.
October 21st, 2009 at 5:32 am
I have gotten track seek to work everywhere except IE6, works great on IE7 and IE8, but IE6 the bar slides around without doing anything. Anything special we need to do to have it work with IE6?
November 1st, 2009 at 1:53 pm
Great addon to a great tool. And – incredible – keyboard friendly
for user who can’t use a mouse. Thanks a lot.
Just one question:
How about making the slider keyboard accessible (Shift + arrow right/left)
Greetings from Bavaria/Germany
January 15th, 2010 at 11:00 am
Hey guys, been off the grid for some time now. I’m seeing some interesting ideas in here. Has anyone extended the functionality of any of these additions? Does anyone know? I will have to take a look around and see.
As far as the links go, they are still hosted here, and will be for the foreseeable future.
As far as browser incompatibilities, I was really only targeting firefox at the time. From the looks of things, since these files were pretty standards compliant, issues have gone away as browsers have come up to speed so yay for laziness on my part(I say to myself).
January 30th, 2010 at 5:35 am
Hi guys, fantastic mod to YMP, great work! However I’m having trouble getting the scripts to work.
Here’s the page where I’ve embedded scripts:
http://www.calvarystockport.co.uk/Media/AudioMessages/tabid/188/Default.aspx
The scripts are obviously working however if you click on a “play” icon and try to seek all it does is restart the track from the start.
Does it require that the entire track is buffered before you can seek? This would normally not be a big deal but on this particular site I’m working on the tracks are 60mins long!! …
Any ideas?
February 5th, 2010 at 10:18 am
Andrew,
I’m speculating here because I don’t know exactly how the player works under the hood as I didn’t write it. Unless the files you are playing are being streamed or the player is utilizing progressive downloading(which it does not appear to be) then yes the entire file would need downloaded.
Does the file start playing before the seek bar is available ? I will check this out as well.