Multiple playlists in same player.

There are many ways to select and load a playlist, ranging from the simple to the very complex.

You can see a simple one in this thread: http://www.jeroenwijering.com/?thread=10095

The actual player with the playlist loading buttons is here: http://fansites.hollywood.com/~moonlightvampire/mediaplayer/test.html

More complex menus drop down over the player or are programmed in Flash like the player is.

A couple of demos: http://willswonders.myip.org:8085/php/Drop-Down_CSS06.html
and: http://willswonders.myip.org:8085/php/total_menu.html

So it all depends on what you want for selections and how complex you want it to get.

Well, what I'm trying to do is make 3-4 playlists so if a visitor prefers country they can choose that playlist and the player open up and run the playlist like it does for the one standard list now.

please see the (source of the) multiple playlists demos on the demopage:
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/playlistlinks.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/multipleplaylists.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/radiocookie.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/dropdowncookie.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer

@Andesren, any chance you could zip all your playlists demo in a single folder, so we could check them out off line, and learn from it. Thanks.

@Chocolat

it is a reasonable proposition - but i have considered it and decided against it, because all the demos involving the javascript api wont work offline anyhow, as the javascipt api only works online...

please note though, that all the demos are selfcontained and all the code will show in the source of the page!

( i admit it has come as a surprise to me how many novice users arent aware that they can see the source of webpages.)

as the v.4 player is about to be released and new demos will be needed, im trying to figure a way to make it more user friendly

at the moment i am experimenting with various menu and search systems and considering how to structure things better.

what i would really like is a more tutorial like structure, with a natural progression in complexity - which seem more realistic now after more than a year of learning on how users think (or not ;) and nearing a couple of thousand questions answered

suggestions and ideas are ofcourse very welcome!

@Andersen,

Thanks for the reply.

Well, I have an interesting idea, maybe all your tutorials could be packaged, BUT, with a WARNING at the top of the download page, saying that they HAVE to be tested on line, on a real server, as they WON'T WORK on the desktop.
Then the answer would be very simple for newbies with problems: Are you testing it on line? Because if not, you should be aware that it won't work on your desktop, it was written in BIG at the TOP of the DOWNLOAD PAGE... Have a good day ;)

You could make simple folders, each folders would have the right structure (a complete workable example, and maybe a READ ME text with an extra WARNING...). The uploading process + instructions would be simple:

1) Unpack the folder(s) with the chosen examples(s).
2) Copy the complete folder(s) to your website, and rename the folder(s) if you want (before or after upload...).
3) Make sure that you have the flash player installed and that Javascript is enabled on your browser.
4) Enjoy! Consider making a small donation if you use any of the scripts, as a sign of appreciation and support.

With the option to download everything in a single big folder, or pick one tutorial at a time, for instance.

Well, let me know if I can help or take part in this somehow.

hmm - i can see your point !

be aware though, that no matter how many warnings, in how big a font, we will still have to explain to novices and/or non english speakers why it doesnt work !

the capacity of the human mind for misunderstandings and misinterpretations keep baffling me - it is a genuine challenge !
(on a bad day i can even find my self sympathizing with the medieval practise of mirrorwriting and encryption to keep the uninitiated out, and i have to remind my self what a terrible elitist attitude that is, breathe deep and figure how to reach out)

if you give me a few days to get organized and finish some experiments while i ponder this -
(its really nice of you to offer your collaboration - im a little afraid of the workload ahead with v.4 and swfobject2 ! )

@Anderson,

Yes, there will always be someone with odd issues, unheard of, or unseen - only in the twilight zone. ;)
One thing I learnt, is that not everyone see or understand things the same way, and the biggest challenge is to be able to get
the message across, whatever it might be, and whatever it might take, in any field. It's getting easier with the internet, as now we can watch and/or hear tutorials, and accessibility is also very important for people who cannot see or hear.

I don't know exactly how I could help, but I am up for it.

The V4 project is quite exiting, I am curious and patient.

@Andersen

I tried to combine two of your demos: http://home5.inet.tele.dk/nyboe/flash/mediaplayer/draggableplayer.htm
and : http://home5.inet.tele.dk/nyboe/flash/mediaplayer/playlistlinks.htm

Could you check my site and see why it doesn't work?
http://www.whatamusic.com/player_classical_d.htm

thank you so much!

@tlo5 - you have to use the loadXMLDoc('../music/classical/playlist_classical_a.xml', false); command to load the new playlist

@Andersen
I did, is this what you said?
thanks!

<Body onLoad="initialize(); loadXMLDoc('../music/classical/playlist_classical_a.xml', false); createPlayer('../music/classical/playlist_classical_a.xml', false);">
<div id="Layer1" style="position:absolute; left:243px; top:280px; width:136px; height:91px; z-index:1">
<a href="javascript:createPlayer('../music/jazz/playlist_jazz_a.xml', true)">Jazz</a><br>
<a href="javascript:createPlayer('../music/pop/playlist_pop_a.xml', true)">Pop</a><br>
<a href="javascript:createPlayer('../music/rock/playlist_rock_a.xml', true)">Rock</a><br>
</div>

@Andersen

Thanks, I know where I did wrong, thank you so much!

@Andersen,

Do you know how to load the lastest 10 song in my case?
thanks again.

@tlo5

hmm - not really, what defines the songs as latest ?
a date? then where can the script read that ?

the position in the playlist ?
then one would have to subtract 10 from the number of entries and only load from that number and onwards -

@Andersen,

My website allow users to upload the mp3. The way I am using now is to set the layer OVERFLOW: hidden. So it would only show 9 songs there. also, I have this, so maybe change here?

for (var i = x.length-1; i > -1; i--) {
Urls[i]=getTag("location"); Imgs[i]=getTag("image"); // getTag("title"); getTag("creator"); getTag("info");
if( (j == 0) || (j%3 == 0) ) { txt+='<tr>'; }
txt+='<td><table width="110" onclick="play('+i+')"><tr>';
txt+='<td><div class="roundcont"><div class="roundtop"></div><DIV class="playlistmiddle"><img src="'+getTag("image")+'" class="playlistlo" onmouseover="this.className = \'playlisthi\';" onmouseout="this.className = \'playlistlo\';" width="80" height="80" title="'+getTag("title")+'" alt="'+getTag("title")+'"></DIV><DIV class="roundbottom"><div align="center" id="layer1" style="POSITION:relative; z-index:1;"></DIV></div><div class="playlistcreator" align="center"><a href="'+getTag("creator")+'" target="_blank">'+getTag("creator")+'</a></DIV></div></td>';
txt+='</td></tr></table></td>';
if( (j == 2) || (j%3 == 2) ) { txt+='</tr>'; }
/* your row filler stuff here should use the var j too */
j++;
}

@tlo5 - My website allow users to upload the mp3.

so how do you generate the .xml ? - maybe it would be best to do this when the .xml is generated...

maybe also see this page, with a better system - http://home5.inet.tele.dk/nyboe/javascript/periboea
(im working on an update, but it will take some time before it is ready for release)

@Andersen,

I use DC's upload script. (http://www.jeroenwijering.com/?thread=1973#msg45986).
It can generate the playlist.xml.
Then I use your demo to create :http://www.whatamusic.com/multi_player.htm

@tlo5

maybe it wont be to complicated to modify DCs upload/generator script to only include the latest songs (i dont know php)
it would be the more correct way of doing it - instead of loading a lot of unnecessary data in the brower (which is quite slow)
to do it in the browser would require loading the full playlist and then only show part of it - which is kind of silly if avoidable...

@Andersen,

yeah...i know that, DC always said I use a weird way to display my mp3 player...it's very slow...
that's why I want to use your multiple playlist.

@tlo5

well, - if you insist ;) - please give me some time, then i will try to include such an option in the update of periboea.js - ok?

@Andersen,

thanks, but I am not sure what's the periboea.js for..I am not a coder at all....

@Andersen,

Are you saying that even using your periboes.js, the player still load the whole playlist, but just doesn't display the whold playlist? it's just like OVERFLOW: hidden? it will still very slow?

well - yes and no - the demos on the periboea page doesnt load the playlist into both the player and the array -
but its still so that the script has to load the whole of the playlist - it is not posssible to load only part af a playlist
and yes, im afraid it cant be different - thats how it is...

thats why the best would be to generate exactly the playlist you need

@Andersen,

My situation is very complicated, and I am afraid that I could not explain it very well, but I am trying my best.

I got two players read the same playlist. One in the front page doesn't shows the download bottom, which I would like to show the latest 10. and the other one does show the download bottom (controlled by your demo), which users need to login, then download the mp3.

I think that's why changing the upload script won't work.

@tlo5

ok, i think i understand - as mentioned i will try make an option for showing only part of a playlist in the periboea update

another point is: you do realize that your system with two players and a password cant protect your files from download at all?

@Andersen,

I understand, but that's the only way I know how to do it....

@tlo5

well ok, its about as much as you can do anyhow - so, now i guess i have work to do with the periboea update
- will report here when ready...

@Andersen,

Thank you so much!

Hi again All, this is a Super FORUM of great people for learning.
I am green/new to it all, and learning as I go along.
So far I have been able download and install the multi player and get it working.

I am wanting to add multiplaylist links like the sample page below.

http://home5.inet.tele.dk/nyboe/flash/mediaplayer/playlistlinks.htm

I looked at this player link page above with multi playlist links,
but truly not understanding it.
I looked at the source code but,
not was able to grab a understanding.

I don't know what my over all script/code would look like when adding to my current bleow script for adding a playlist links like the above?

<embed src="http://../mediastuff/mediaplayer.swf"
width="860"
height="560"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=550&width=860&file=http://mirror.video.blip.tv/hot-shows.xml&backcolor=0x000000&frontcolor=0xffff00&lightcolor=
0xFFFF00&screencolor=0x000000&displayheight=475&bufferlength=5&volume=35&autoscroll=true&thumbsinplaylist=true&autostart=true&shuffle=true"/>

I am Wanting my playlist links to be the below xml address so I can use this a learning tool for learning and later changing the xml files addresses to something else once i get the basic understanding of the playlist links srcipt setup-

http://mirror.video.blip.tv/hot-shows.xml

http://www.jeroenwijering.com/upload/commercial.xml

http://content.bitsontherun.com/req/secure/1217_233.xml

@Bob,

As I know, you could NOT use "embed" to do what you want. (Correct me if I am wrong, Andersen :) )
You have to use the Javascript, and that's what I do.

The easiest way is to copy "source code" of that page (http://home5.inet.tele.dk/nyboe/flash/mediaplayer/playlistlinks.htm) then paste it to your html file. and change the "function createplayer(theFile, go) {} to what you want.

Then the most important part is to change the playlists to your own playlists.
Change here :
<br>
<a href="javascript:createplayer('playlist_mixmedia.xml', true)">playlist_mixmedia.xml</a><br>
<a href="javascript:createplayer('playlist_birds.xml', true)">playlist_birds.xml</a><br>
<a href="javascript:createplayer('playlist_remember.xml', true)">playlist_remember.xml</a><br>
<br>

Make sure you have your own playlist and upload the html to your ftp then it should work. I just finished this and my site is using it now: www.whatamusic.com

Hope you understand my English..

@tlo5

Currently my embed works with the one xml file that I am currently using, I would like to know what the script code would look like using my current embed if possible and again thanks, also are you saying I should create .xml pages for each and save to the same directory as my player? if so will I have to put the complete url address in the link script or can it stay in short script version as you have shown me?

Bob

@Bob,

As I know, if you want to use Andersen's code (all the things in the demo page), you have to use Javascript. But maybe Andersen could tell you what else you can do.

If .xml and .html (player) are at the same folder, you can have short url. If not, you have to use complete url.

im afraid i dont know of any way to change playlists without javascript or reloading the page !

if it is impossible to use javascript, i think the only way will be to use more pages with one page/player per playlist
and have a mainpage with links to the subpages with the different players/playlists

@Andersen,

Have you found the way to load the latest ten songs?

I will try it with the idea of using more pages with one page/player per playlist
and have a mainpage with links to the subpages with the different players/playlists

by the way, My myspace page is myspace.com/phatinconline

I am also a hobby glam etc... photographer so if you have any photo needs for your video templates, needing any model custom shoot pics let me know :)

Bob

Can anyone tell me how the following is done?:

http://fansites.hollywood.com/~moonlightvampire/mediaplayer/test.html

I can do the buttons (simple just by viewing source) and have the different playlists, but how can I get the buttons to actually affect the video player's playlists? Sorry I just don't have ANY knowledge of flash and little of javascript...

@Voldsom,

It's all in this thread: http://www.jeroenwijering.com/?thread=10095 or just look at the page source at: http://fansites.hollywood.com/~moonlightvampire/mediaplayer/test.html

Thanks, works fine, but I need a way to get it in a CMS preferably, I made a post in the other thread.

Thank you all for the tips in this page, I wanted to have players with multiple playlists, one in my temp web page (Work in progress) and one in my humble blog, I worked out of this thread to achieve it and so far I'm happy with the results.
I'm using a drop down menu to select the playlist of my choice.
The player in each require slightly different configuration, but they both use the same plalists and play mixed play types.

Now I got more ambitious and want to have more than one player in the same page, I think it is possible to do and also I want to have a menu with a list of multiple playlists to organize videos and MP3s under different topics and all of them to open with the same player (Each topic would have multiple playlists) I have no idea if this is possible but I'm ready to give it a try.

Again, thank you for all your help.

This is the code I'm using and it works fine, so far I have 8 playlists but on this issue, space is the only limit.

FOR A WEBSITE USING VINTAGE HTML

<head>
<script type="text/javascript" src=" [YOUR SITE'S URL]/swfobject.js"></script>
<script type="text/javascript">
var theItem;
var selFile;

function loadPlay(file,idx) {
theItem=idx;
selFile=file;
createPlayer(selFile);
setTimeout("play()",1100);
};

function play() {
sendEvent('playitem',theItem);
};

function sendEvent(typ,prm) {
thisMovie("thePlayerId").sendEvent(typ,prm);
};

function thisMovie(movieName) {
if(navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName];
} else {
return document[movieName];
}
};

function createPlayer(theFile) {
var s = new SWFObject("[YOUR SITE'S URL] /player.swf","thePlayerId","340","450","7");
s.addParam("allowfullscreen","true");
s.addVariable("file",theFile);
s.addVariable("width","340");
s.addVariable("height","450");
s.addVariable("displayheight","230");
s.addVariable("overstretch","fit");

s.addVariable('frontcolor','0x6699FF');
s.addVariable('lightcolor','0x00AA00');
s.addVariable('lightcolor','0x000000');
s.addVariable('screencolor','0x66FFFF');
s.addVariable("showicons","false");
s.addVariable("autostart","false");
s.addVariable("thumbsinplaylist","true");
s.addVariable("enablejs","true");
s.addVariable("javascriptid","thePlayerId");

s.write("placeholder");
}
</script>
</head>

<body>
<center><span class=style10>Multiple Playlists Video & MP3s Player</center><br>

<form id="theForm" name="theForm">
<select name="sel1" onchange="javascript:createPlayer(document.theForm.sel1.value)" style="background:#66FF66; font:8pt arial; color:#000000; width:340; height:20; border-width:3; border-color:#000000; cursor:hand" onmouseover="this.style.background=&#39;#BDDCFF&#39;;return true" onmouseout="this.style.background=&#39;#66FF66&#39;;return true" onmousedown="this.style.background=&#39;#FFD543&#39;;return true" />
<option value="[YOUR SITE'S URL]/playlist.xml" selected>PLAYLIST NAME </option>
<option value="[YOUR SITE'S URL] LIST1.xml">PLAYLIST NAME</option>
<option value="[YOUR SITE'S URL].xml">PLAYLIST NAME</option>
</select>

</form>

<div id="placeholder"><a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player</div>
<body>

CODE FOR THE BLOG AT "BLOGGER" (XML)

<div id="playlist">
<form id="theFormId" name="theForm">
<select changesonmouseout="this.style.background=&#39;#66FF66&#39;;return true" onchange="javascript:createPlayer(document.theForm.sel1.value)" style="background:#66FF66; font:8pt arial; color:#FFFF00#000000; width:340; height:20; border-width:3; border-color:#000000; cursor:hand" onmouseover="this.style.background=&#39;#BDDCFF&#39;;return true" javascript:void(0)
save onmousedown="this.style.background=&#39;#FFD543&#39;;return true" name="sel1"/>
<option value="[YOUR SITE'S URL]/playlist.xml" selected>PLAYLIST NAME </option>
<option value="[YOUR SITE'S URL] LIST1.xml">PLAYLIST NAME</option>
<option value="[YOUR SITE'S URL].xml">PLAYLIST NAME</option>

</select>
</form>
</div>

<script src=" [ [YOUR SITE'S URL] /swfobject.js" type="text/javascript"></script>

<script type="text/javascript">
window.onload = function() {
createPlayer(' [THIS IS YOUR DEFAULT PLAYLIST DISPLAYED AT OPENING] /playlist.xml');
}

var theItem;
var selFile;

function loadPlay(file,idx) {
theItem=idx;
selFile=file;
createPlayer(selFile);
setTimeout("play()",1100);
};

function play() {
sendEvent('playitem',theItem);
};

function sendEvent(typ,prm) {
thisMovie("thePlayerId").sendEvent(typ,prm);
};

function thisMovie(movieName) {
if(navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName];
} else {
return document[movieName];
}
};

function goThere(){
if(!document.theForm.theMenu.selectedIndex==""){
window.open(document.theForm.theMenu.options[document.theForm.theMenu.selectedIndex].value,theTarget,"");}}

function createPlayer(theFile) {
var s = new SWFObject("[YOUR SITE'S URL]/player.swf","thePlayerId","340","550","7");
s.addParam("allowfullscreen","true");
s.addVariable("file",theFile);
s.addVariable("width","340");
s.addVariable("height","550");
s.addVariable("displayheight","230");
s.addVariable("overstretch","fit");

s.addVariable('frontcolor','0x6699FF');
s.addVariable('lightcolor','0x00AA00');
s.addVariable('lightcolor','0x000000');
s.addVariable('screencolor','0x66FFFF');
s.addVariable("showicons","false");
s.addVariable("autostart","false");
s.addVariable("thumbsinplaylist","true");
s.addVariable("enablejs","true");
s.addVariable("javascriptid","thePlayerId");

s.write("placeholder");
}
</script>

<div id="placeholder"><a href="http://www.macromedia.com/go/getflashplayer">get the flash player</a> to see this player.</div>

@ tlo5 & Andersen

I finally got my multiplay list player working.
You guys are super, thanks for your help!!!!

Now I am ready to try and learn how I can put my multiplay list player on myspace page, what style of code must it be in, for the play list links to also work???

bob

here is the code just in case it helps anyone

<script type="text/javascript" src="http://../swfobject.js"></script>
<script type="text/javascript">

function createplayer(theFile, go) {
var s = new SWFObject("../mediaplayer.swf","PlayerID","860","560","3");
s.addParam("allowfullscreen","false");
s.addVariable("file",theFile);
s.addVariable("width","860");
s.addVariable("height","560");
s.addVariable("displayheight","425");
s.addVariable("overstretch","fit");
s.addVariable("shuffle","true");
s.addVariable("thumbsinplaylist","true");
s.addVariable("autostart","true");
s.addVariable('logo','http://../.png');
s.write("placeholder");
}
</script>
<div id="placeholder" align="center"></div>
</head>
<body onLoad="createplayer('http://mirror.video.blip.tv/hot-shows.xml', false)"
bgcolor="#000000"></body></font><p align="center">
<a href="javascript:createplayer('http://mirror.video.blip.tv/hot-shows.xml',true)">
<span style="text-decoration: none">Ch#1 </span> </a><img border="0" src="earth.gif" width="24" height="20">
<a href="javascript:createplayer('http://www.jeroenwijering.com/upload/commercial.xml',true)">
<span style="text-decoration: none">Ch#2 </span> </a><img border="0" src="earth.gif" width="24" height="20">
</p>
<p align="center">

@Andersen,

Are your there?

@bob
I am not a coder, couldn't help, sorry about that....

@tio5
thanks for looking at it anyways

bob

Multiple playlist on one player is great but what about this with the Longtailvideo solution ?

I can't make it work !

This flasvar s.addVariable("file",theFile); seems not working at all.

Any ideas ?

@bob - unfortunately myspace will not permit any javascript ! - all you can do is to embed the player or link to another page

@tlo5 - yes, my promise to return is still valid, im working on the periboea update (your request didnt make it less ambitious)

@Shaka - a link to your test page would make the guesswork easier...

@Andersen

Thanks, hope it could be done in some ways.

check this page out on myspace, it has the link code, but I can't see the code language :(
myspace.com/trailerpark

my test page below
phatinc.com/phatinconline_test_tv.htm

@bob - doesnt use script but only plain embed code and the regular myspace player...

Hello,
I have two problems to resolve.

1. I have seen that the player doesn't support externals URL's in the xml archive of the playlist.
So if in my "playlist.xml" looks like this:

<track>
<title>Title 1</title>
<texto>Video 1</texto>
<image>item1.jpg</image>
<info>http://link1.com</info>
<location>http://www.externalVideo/videos/thefirstVideo.flv</location>
></track>
<track>
<title>Title 2</title>
<texto>Video 2</texto>
<image>item2.jpg</image>
<info>http://link2.com</info>
<location>http://www.externalVideo/videos/1234/</location>
</track>

The player won't play the second track !!!

I have seen that is possible to send the URL using the SWF object javascript...but this woudn't help 'cause my player will play only one video and not the entire playlist.

Maybe the way is by having 2 playlist, but is there a way to control the playlists automatically? without using buttons....using some flag for exemple?

@Chi Egan - you have a > to many ! - here: ></track>

also there is no <texto> tag supported by the player i think -

please see the examples on the "Supported Playlists" page - http://www.jeroenwijering.com/?item=Supported_Playlists

maybe you can use something like the redirectdaisychainbylength demo on the demopage ?

http://home5.inet.tele.dk/nyboe/flash/mediaplayer/redirectdaisychainbylength.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer

But do the player supports URL's redirecting to an FLV ?

My problem is that I have an url redirecting to an FLV file in the playlist.

I've done it !!!

the urls are working but only with RSS format! not with XSPF format!

Seems that the xspf format of the playlist only works with teh exact location of the file and it's not working with URL's

@Chi Egan

glad it worked out for you ! - but it should work with both types - maybe you just got rid of the typos doing the playlist again ?

I don't know why it doen'snt work for the xspf format, the fact is that maybe we have to call the url with another tag (not with the location one).

Sorry about my english but I don't understand this sentence "you just got rid of the typos doing the playlist again"...what do you mean?

@Chi Egan - no worries !

i just think you maybe had some very small mistake in the xspf playlist -
some little mistake that you did not make when you did the rss playlist...

most important - you now have a working playlist !

I found the reason....for playing url's you need that tag under the location
<meta rel="type">flv</meta>

By the way, does anybody knows how they have made this player...wich is enable to show the embed code by pressing the menu button

http://www.castfire.com/video/

@Chi Egan - aha ! - there you go !

no idea about that castfire thingy - but please note that the soon to be released v.4 version of the JW player will have skinning !
and all sorts of new features ! - you can see a preview here - http://www.jeroenwijering.com/?page=test&example=127

concerning showing embed code please see these demos from the demo page (current versions)

http://home5.inet.tele.dk/nyboe/flash/mediaplayer/replay.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/tuberedirectrelated.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer

There is no Js script like getEmbedCode() for showing how the swfObject constructs the swf archive in order to see the embed code?

@Chi Egan

no, unfortunately not - so you have to write that your self - but it is possible !

if you check the source of the old wizard (linked from the wizard page) you will see one way of doing it - http://home5.inet.tele.dk/nyboe/flash/mediaplayer_wizard.html
but please note that it is made for the very old v.3.6 player !

a very small misunderstanding:
swfobject does not construct an archive - swfobject writes the correct object/embed code for you into the .html page -
and .swf files are not archives - but are compiled programs that can be included (embedded) into .html by object/embed code

@Andersen

Hi Andersen, you seem to be quite the guru so I thought I'd direct this question to you.

In playlists, the list displays the "Artist Name" and "Track Name" over one or two lines of text.

How can I add extra comments to a track and have them display in the player's playlist?

eg. at the beginning of this thread you list the example: http://home5.inet.tele.dk/nyboe/flash/mediaplayer/playlistlinks.htm

Using that playlist for example, the first entry shows the artist name "jeroen wijering" followed by the track name "grass by night"

What I want to do is follow the track name with some comments eg, it could look like:

>
jeroen wijering - grass by night
this is a clip about me walking in some grass at night time.
>

How do I add comments like this?

Thanks,
Dan.

@Dan

change the playlist.xml entries from this:

to this:

@Andersen

Thanks Andersen.

I have tried your suggestion...and it works but one problem remains.

Here is my test page: http://www.miorganichomebiz.com/audio

My .xml:

As you can see the space allowed in the playlist area does not word-wrap my title and (even with thumbsinplaylist="true") it only allows 2 lines of text...so long titles get cut off.

Is there a way I can remove the restriction to only 2 lines of text in the player?

Also how do I set things up so that once a track has finished playing, the player stops....ie. it does NOT automatically start playing the next track in the playlist?

Thanks again.
Dan.

did anyone checkout this page LINK BELOW WHY??, and can tell me how their playlist LINKS code works? as they have a viewer a multi link playlist, as this would work perfect for multi playlist code on myspace if someone could tell me how their link code works cause currently they have it in flash and I don't know how save and open a flash from the web. so don't laugh to hard as I am just a beginner :)

myspace.com/trailerpark

thanks,
bob

@Dan - for wordwrap/extra space, you would have to know flash and edit the flash sourcecode and recompile the .swf using cs3

or use an external html/css/js/xml playlist - please see source of the examples on the demopage:
http://home5.inet.tele.dk/nyboe/javascript/periboea/

or write the extra info outside (or over) the player - using the annotation tag:
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/annotationdisplay.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/annotationdisplayimage.htm
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/

to play only one item at the time set repeat=false
from the "Supported Flashvars" page - http://www.jeroenwijering.com/?item=Supported_Flashvars

repeat (false): Set this to true to automatically repeat playback of all files. Set this to list to playback an entire playlist once.

@Andersen

Thanks again Andersen.

I don't have flash editing software and the periboea thing confused me so I think I'll give the annotation option a try.

the repeat=false flashvar worked too.

Thanks very much.
Dan.

Hello to all. im new here and im happy i found this page. I need some help from you guys. tlo5 i have a question for you i looked at your site and we are using the same template so i want to know if the botton you have on the top that say Upload MP3 how does it work? because i tried to click on it and it didn't work? its that for register member only? and if it is can you help me out on that featuring? Now Andersen i want to use this style on my page http://home5.inet.tele.dk/nyboe/flash/mediaplayer/multipleplaylists.htm without the link menu. Just the player with the dropdown playlist. How can i do that? i looked at the source but couldn't figured it out. Any help will be much appreciate. Anybody who can help with this i will be really happy

@Water - just remove the text inside the <div id="txt">...</div> and the links will be gone...

start out by reading this page and downloading a player - http://www.jeroenwijering.com/?item=JW_FLV_Media_Player
unpack the .zip file on you machine (you can delete the "source" folder) and see the source of the readme.html

then read these pages:
http://www.jeroenwijering.com/?item=Supported_Flashvars
http://www.jeroenwijering.com/?item=Supported_Playlists
click the xspf link to get a playlist example - save as playlist.xml on your machine (do not copy paste it from the browser ! )
edit the playlist in a plain text editor such as notepad.exe on windows machines - make sure the filetype is right when saving

and do some experiments with the wizard - http://www.jeroenwijering.com/?page=wizard
note the two types of code: <embed and swfobject - dont mix them ! - and that the code points to this site - change that !
the <strong>playlist.xml and the mediaplayer.swf are best both placed on your site !

thanks andersen for you quick reply. I forgot to mention. i being using allvideo player Reloaded which use the jeroenwijering player. i already have a player set up on my page and everything. i just want to customize it. you can see it at www.kallejero.com i being trying to fix it but i can't figure it out. i have the drop down manu but the list ain't loading. Oh yeah i have created the playList i only have one right now but will add more check my page out and maybe it will be easy for you to understand what i need to do. basicaly i have it looking the way i want it except it ain't loading the playlist. hehehe

yeah anderson can you check it out when you get a chance.

tlo5 did you read my first message?

@Water

when you look at the sourcecode of the multipleplaylists.htm - you will see that the player creating script is wrapped in a function createPlayer - which is called from the <body onload=</strong> and from the <select onchange=</strong>
this is a must for the method to work ! - also the script uses the swfobject v.1.5 from the download from this site...

in your page, the player script is not wrapped in a function - it is just placed and executed in the page where it shows -
further it uses the swfobject v.2 - which is not yet officially supported (maybe with the v.4 player ?)

here follows code for a complete page where i have removed everything not needed:

<style type="text/css">
body { padding:0px; margin:0px; overflow:hidden; }
#theForm { position:absolute; left:0px; top:0px; z-index:1 }
#placeholder { position: absolute; left:0px; top:22px; z-index:1 }
</style>

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">

function createPlayer(theFile) {
var s = new SWFObject("mediaplayer.swf","thePlayerId","300","355","7");
s.addParam("allowfullscreen","true");
s.addVariable("file",theFile);
s.addVariable("width","300");
s.addVariable("height","355");
s.addVariable("displayheight","230");
s.addVariable("autostart","false");
s.write("placeholder");
}
</script>
</head>
<body onLoad="createPlayer(document.theForm.sel1.value)">

<form id="theForm" name="theForm">
  <select name="sel1" onchange="javascript:createPlayer(document.theForm.sel1.value)" style="width:300px">
    <option value="playlist_mp3.xml">playlist_mp3.xml</option>
    <option value="playlist_mixmedia.xml" selected>playlist_mixmedia.xml</option>
    <option value="playlist_remember.xml">playlist_remember.xml</option>
    <option value="playlist_birds.xml">playlist_birds.xml</option>
  </select>
</form>

<div id="placeholder">
<a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player
</div>

</body>
</html>

note how and where its different from what goes on in the source of your page (and that it uses the swfobject v1.5)

maybe you can edit/upload that and make that work on its own (careful of overwriting/conflict between the swfobject versions)
maybe you can figure how to integrate it with your page or simply use it complete in an <iframe src=

i am sure you can understand that there are just too many CMSystems out there, for me to know the specifics and help with with the various plugins...

Thank you adersen for you time and cosider me. i will see if i can replace the swfobject.js, Sorry i tried replacing the swfobject but then my video player don't work. im uding allvideoreloaded to play some video on my page. so what im doing now its create a directory upload a html file with the player setting also upload the swfobject and the mediaplayer to that directory and just call the html on an inframe. i tested the html and it working fine. Now im just trying to figure out how to call and inframe in joomla. LOL thank andersen hopelly i will be able to figure it out but if you still have some recommendation i will be happy to hear from you.

Hey adersen Thanks for your help. I work!!! i had to use and inframe but its fine and working the way i want it to. Now just trying to figure out a way to add other stuff to the player. like the equalizer

@Andersen

Hey Andersen, you know that Cramps clip you use for demos "remember this....."

Can you post a link where I can see that as a whole clip, not as a playlist?

I can't stop laughing when I see it.

Thanks
Dan.

@Water - from the "Supported Flashvars" page - http://www.jeroenwijering.com/?item=Supported_Flashvars

showeq (false): Set this to true to show a (fake) equalizer at the bottom of the display. Nice for MP3 files

@Dan - http://www.google.com/search?hl=en&q=video+cramps+bikini+machine

@Andersen - thanks :)

@Andersen

Thanks for answering all these questions Andersen.

I have one more:

I have followed your advice (above) regarding creating <annotations> to display extra information about my tracks.

I studied your example with the cramps movie clip.

I have created a playlist with the appropriate tags.

I am used to embedding JW's player using swfobject2.0 and the following script:

swfobject.embedSWF("http://www.miorganichomebiz.com/audio/mediaplayer.swf", "audios", "400", "300", "8.0.0", false, {file:"http://www.miorganichomebiz.com/audio/playlist.xml",repeat:"false",displaywidth:"0",thumbsinplaylist:"true",searchbar:"false"}, false, false);

I notice in your annotation example you use a function createPlayer() script and have another function within that script that tells the page where to get the annotation information and to display it in your "theCaption" <div>.

My question is, can I still have the annotation display in a <div> without using your method for embedding the player?
If possible I'd like to stick with my swfobject.embedSWF method and still be able to use annotations.

What do you think?

I tried using your method and I don't think it works with swfObject2.0 - the player wouldn't load
Here's my attempt: www.miorganichomebiz.com/audio/test.htm

Thanks again.
Dan.

@ Andersen hey andersen thank you. That did the trick. You're the man

Andersen its they a way to shuffle the playlist? have the player pick a random list? not a random song but random list

@Water

I think Andersen gives an example of that on the examples page:

http://home5.inet.tele.dk/nyboe/flash/mediaplayer/

Regards,
Dan.

@ Dan thank Dan for trying to help me but had gone through that page and haven't seen any example of random playlist. Maybe im wrong maybe they is one example. If you see it please send me the direct link to that example

http://home5.inet.tele.dk/nyboe/flash/mediaplayer/multipleplaylists.htm Like this

I used the basic example, and the issue im having is that it doesn't create the video until I click on a link. The onload event is correct. Anyone know why this would be?

@Fred,

Post your code or a link to your test page so someone can help you.

@ Fred yeah do as comedian said. post a link so we can look at or try to figure it out

@anyone....

Has anyone had success using annotations with their playlist files? Andersen gave this example:
http://home5.inet.tele.dk/nyboe/flash/mediaplayer/annotationdisplay.htm
which I studied but I don't think his embed method works with swfObject2.0 which is what I'm using to embed JW's player.

So, I want to know how I can get annotations to display using my embed method.

See my comments in a previous post on this page 24/6/08.

Using the data in the annotation element works exactly the same in SWFObject v1.5 or swfobject v2.0.

You retrieve the playlist object ( track ) and the annotation data is available in obj['description'] to do with as you please.

Basic JavaScript code:

      function getUpdate(typ, pr1, pr2, pid)
      {
        if(typ == 'item')
        {
          currentItem = pr1;
          setTimeout("getItemData(currentItem)", 100);
        }
      };

      function getItemData(idx)
      {
        var obj = thisMovie('mpl').itemData(idx);
        gid('description').innerHTML = obj['description'];
      };

      function gid(id)
      {
        return document.getElementById(id);
      };

      function thisMovie(movieName)
      {
        return document.getElementsByName(movieName)[0];
      };
    </script>

    <div id="description">
    </div>

@comedian

Thanks very much comedian, I pasted your code in and the only thing I changed was the player id which in my example is not 'mp1' but 'audios'. I must be doing something wrong because the annotations do not appear:

Here is my test page: http://www.miorganichomebiz.com/audio/test.htm

I really appreciate your comments.

Dan

You need to give the player a name and an id.swfobject.embedSWF("http://www.miorganichomebiz.com/audio/mediaplayer.swf", "audios", "400", "300", "8.0.0", false, {file:"http://www.miorganichomebiz.com/audio/playlist.xml",repeat:"false",volume:"100",displaywidth:"0",thumbsinplaylist:"true",searchbar:"false"}, false, <strong>{name:"mpl",id:"mpl"}</strong>);Then use that name to address the player ( get the reference object ):var obj = thisMovie(<strong>'mpl'</strong>).itemData(idx);And, the id of the HTML element that you are writing the annotation data to must match the id used here:gid(<strong>'description'</strong>).innerHTML = obj['description'];You are going to write the value of description to:<div id="description>...this is the "innerHTML" that will be replaced by the description data...</div>So... change:<div id="theCaption">to:<div id=<strong>"description"</strong>>And you should always put width & height in your flashvars to avoid problems with IE & Safari.

@comedian

Thanks again comedian. I must still be doing something wrong. I followed your instructions but the annotations still do not show.

Also, the way I was embedding my player does include an id for the player "audios". I added the extra name and id in the curly brackets at the end like you did but the player wouldn't load....so I changed the id "audios" to match the one at the end and the player loads....but still no annotations.

I changed the <div id> to "description" but there must be something else wrong. Here's my code:

And my test page: http://www.miorganichomebiz.com/audio/test.htm

Does the version of JW's media player matter? I'm using JW 3.16

I tried copying & pasting Andersen's code exactly from his example http://home5.inet.tele.dk/nyboe/flash/mediaplayer/annotationdisplay.htm and I only changed the player URL and the file URL to my player and file locations (full URLs)....and it would not load.

Thanks again for your help with this.

Dan.

You've messed up this line:swfobject.embedSWF("http://www.miorganichomebiz.com/audio/mediaplayer.swf", <strong>"mp1"</strong>, "400", "300", "8.0.0", false, {file:"http://www.miorganichomebiz.com/audio/playlist.xml",repeat:"false",volume:"100",displaywidth:"0",thumbsinplaylist:"true",width:"400",height:"300"}, false, {name:"mp1",id:"mp1"});The first "mp1" is not the movie name, it is the id of the containing HTML element. Please see: http://code.google.com/p/swfobject/wiki/documentation STEP 3: Embed your SWF with JavaScript for a detailed explanation.

Change it to:swfobject.embedSWF("http://www.miorganichomebiz.com/audio/mediaplayer.swf", <strong>"audios"</strong>, "400", "300", "8.0.0", false, {file:"http://www.miorganichomebiz.com/audio/playlist.xml",repeat:"false",volume:"100",displaywidth:"0",thumbsinplaylist:"true",width:"400",height:"300"}, false, {name:"mp1",id:"mp1"});and change the container div id to "audios":<div id=<strong>"audios"</strong>>

@comedian,

Thanks again comedian.

I have made those changes (back to what I originally had actually) and the annotations still do not show.

Take a look: http://www.miorganichomebiz.com/audio/test.htm

I studied that swfobject documentation.

What else could be missing? Andersen's example works, theoretically mine should too but something must be missing.

I appreciate all your help.

Regards,
Dan.

Just a small thing, the JavaScript API wasn't turned on.

  <head>

    <title>audio test page</title>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

    <script type="text/javascript" src="swfobject.js"></script>

    <script type="text/javascript">
      swfobject.embedSWF("http://www.miorganichomebiz.com/audio/mediaplayer.swf", "audios", "400", "300", "8.0.0", false, {file:"http://www.miorganichomebiz.com/audio/playlist.xml",repeat:"false",volume:"100",displaywidth:"0",thumbsinplaylist:"true",width:"400",height:"300"<strong>,enablejs:"true",javascriptid:"mp1"</strong>}, false, {name:"mp1",id:"mp1"});
    </script>

    <script type="text/javascript" charset="utf-8">
      var currentItem;

      function getUpdate(typ, pr1, pr2, pid)
      {
        if(typ == 'item')
        {
          currentItem = pr1;
          setTimeout("getItemData(currentItem)", 100);
        }
      };

      function getItemData(idx)
      {
        var obj = thisMovie('mp1').itemData(idx);
        gid('description').innerHTML = obj['description'];
      };

      function gid(id)
      {
        return document.getElementById(id);
      };

      function thisMovie(movieName)
      {
        return document.getElementsByName(movieName)[0];
      };
    </script>

  </head>

  <body>

    <div align="left">
      <table border="0" cellpadding="0" cellspacing="0" width="600">
        <tr>
          <td width="400">
            <div id="audios">
              <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"></a>
            </div>
          </td>
          <td width="200">
             
          </td>
        </tr>
        <tr>
          <td width="400">
            <div id="description">
              annotations should appear here...
            </div>
          </td>
          <td width="200"> </td>
        </tr>
      </table>
    </div>

  </body>

</html>

Attention everyone.....

Comedian is a champion!!!

Thanks Comedian, those little js bits fixed it :)

here it is working: http://www.miorganichomebiz.com/audio/test.htm

Don't know what I can offer in return by I'll keep my eyes on the forum and see if there's any questions I can answer.

Thanks again.

Dan
(from Australia)

Ah, you're welcome. Good to see it's working.

@Andersen

any good news there?

Good work comedian

@ Anyone, Im trying to add de download script to my mp3 music player i was trying to figure it out from this example http://home5.inet.tele.dk/nyboe/flash/mediaplayer/replay.htm but im lil confuse because on this example they player its a video player not mp3 so i don't know if the code will be the same

function getUpdate(typ,pr1,pr2,pid) {
if(typ == "item") { currentItem = pr1; setTimeout("getItemData(currentItem)",100); }
};

function getItemData(idx) {
var obj = thisMovie("thePlayerId").itemData(idx);
var tmp=obj["file"];

var subj="Video%20Link";
var theAdr='the@email.adr';
if(tmp!="") {
var theURL='<a href="'+tmp+'">download</a>    ';
var theMail='<a href=mailto:'+theAdr+'?subject='+subj+'&body='+tmp+'>eMail this</a>';
document.getElementById("theLink").innerHTML = theURL+theMail;
} else document.getElementById("theLink").innerHTML = "";
};

I don't need the email Link Just the download. and if i can add a permanent link underneath that will say More Download which will take my user to a download page where im going to have a list of music for download. i guest the link to the download page will be easy since it can me implement without code. just a regular html at the bottom.

Currently, as of v3.16, there is no MP3 player or video player, only a media player that plays ALL media.

The JavaScript API works the same no matter what media you are playing.

If you don't need the email, you can condense the code down a bit:

function getItemData(idx) {
var obj = thisMovie("thePlayerId").itemData(idx);
var tmp=obj["file"];
var subj="Video%20Link";

if(tmp!='') {
document.getElementById('theLink').innerHTML = '<a href="' + tmp + '">download</a>';
} else document.getElementById('theLink').innerHTML = '';
};

@ Comedian thank comedian. i tried that code but i don't get the download link. what am i missing?

im confuse with this line
var subj="Video%20Link"; do i need that?

That's the subject of the email. No, you don't need it; I should have removed it.

Paste your full page code and I'll check it out.

@Water

I have a bit of script in my playlister that creates download buttons for every track in my playlist.

Have a look at my test page (actually a friend's page I'm building for him),

http://www.miorganichomebiz.com/audio/test.htm

you can click the little circle at the far right of each entry and it prompts a download of that track.

Is that the sort of thing you are trying to achieve?

@ Dan thank you Dan for you interest in helping me. yeah i saw your page but that is not what im looking for. I knew about that but the bad thing about that is that if the user don't know about that lil botton he will never click on it. Plus my player its much smaller that your player so that button kind of dissapear from the player. But i appreciate your help

@ comedian here is my code hope you can figure it out. and i will like the Download text to come underneath the player just like in the example from my previous post

<style type="text/css">
body { padding:0px; margin:0px; overflow:hidden; }
#theForm { position:absolute; left:0px; top:0px; z-index:1 }
#placeholder { position: absolute; left:0px; top:22px; z-index:1 }
</style>

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">

function createPlayer(theFile) {
var s = new SWFObject("mediaplayer.swf","thePlayerId","200","300","7");
s.addParam("allowfullscreen","true");
s.addVariable("file",theFile);
s.addVariable("width","200");
s.addVariable("height","300");
s.addVariable("displayheight","150");
s.addVariable("autostart","tue");
s.addVariable('backcolor','0x0877ae');
s.addVariable('lightcolor','0x0b4867');
s.addVariable("shuffle","false");
s.addVariable("showeq","true");
s.write("placeholder");
}
</script>

@ comedian sorry but here its the code i tried after you sent me the add code but it didn't work. on this post i had remove the var subj="Video%20Link";

<script type="text/javascript">

function getUpdate(typ,pr1,pr2,pid) {
if(typ == "item") { currentItem = pr1; setTimeout("getItemData(currentItem)",100); }
};

function getItemData(idx) {
var obj = thisMovie("thePlayerId").itemData(idx);
var tmp=obj["file"];

if(tmp!='') {
document.getElementById('theLink').innerHTML = '<a href="' + tmp + '">download</a>';
} else document.getElementById('theLink').innerHTML = '';
};

function createPlayer(theFile) {
var s = new SWFObject("mediaplayer.swf","thePlayerId","200","300","7");
s.addParam("allowfullscreen","true");
s.addVariable("file",theFile);
s.addVariable("width","200");
s.addVariable("height","300");
s.addVariable("displayheight","150");
s.addVariable("autostart","tue");
s.addVariable('backcolor','0x0877ae');
s.addVariable('lightcolor','0x0b4867');
s.addVariable("shuffle","false");
s.addVariable("showeq","true");
s.write("placeholder");
}
</script>

@Water,

Paste your full page code and I'll check it out.

Next time, paste your full page code; that makes it easier to help you.

  <head>

    <title>Demo</title>

    <script type="text/javascript" src="swfobject.js"></script>

    <script type="text/javascript">
      function getUpdate(typ, pr1, pr2, pid)
      {
        if(typ == 'item')
        {
          currentItem = pr1;
          setTimeout("getItemData(currentItem)", 100);
        }
      };

      function getItemData(idx)
      {
        var obj = thisMovie('thePlayerId').itemData(idx);
        var tmp = obj['file'];

        if(tmp != '')
        {
          gid('theLink').innerHTML = '<a href="' + tmp + '">download</a>';
        }
        else gid('theLink').innerHTML = '';
      };

      function gid(id)
      {
        return document.getElementById(id);
      };

      function thisMovie(movieName)
      {
        return document.getElementsByName(movieName)[0];
      };

      function createPlayer(theFile)
      {
        var s = new SWFObject('mediaplayer.swf', 'thePlayerId', '200', '300', '7');
            s.addParam('allowfullscreen',        'true');
            s.addVariable('file',                 theFile);
            s.addVariable('width',               '200');
            s.addVariable('height',              '300');
            s.addVariable('displayheight',       '150');
            s.addVariable('autostart',           'true');
            s.addVariable('backcolor',           '0x0877ae'); 
            s.addVariable('lightcolor',          '0x0b4867');
            s.addVariable('shuffle',             'false');
            s.addVariable('showeq',              'true');
            s.addVariable('enablejs',            'true');
            s.addVariable('javascriptid',        'thePlayerId');
            s.write('placeholder');
      };
    </script>

  </head>

  <body>

    <div id="placeholder">
      <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Flash Plugin</a> 
      to see this Flash Player.
    </div>

    <div id="theLink">
    </div>

  </body>

</html>

Not tested, but barring any typOs, should work.

@ comedian

Thanks comedian sorry for not posting the full page code. i tried your code and it didn't work. here its my code before edited with the one you sent me.

<html>
<head>

<style type="text/css">
body { padding:0px; margin:0px; overflow:hidden; }
#theForm { position:absolute; left:0px; top:0px; z-index:1 }
#placeholder { position: absolute; left:0px; top:22px; z-index:1 }
</style>

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">

function createPlayer(theFile) {
var s = new SWFObject("mediaplayer.swf","thePlayerId","200","300","7");
s.addParam("allowfullscreen","true");
s.addVariable("file",theFile);
s.addVariable("width","200");
s.addVariable("height","300");
s.addVariable("displayheight","150");
s.addVariable("autostart","tue");
s.addVariable('backcolor','0x0877ae');
s.addVariable('lightcolor','0x0b4867');
s.addVariable("shuffle","false");
s.addVariable("showeq","true");
s.write("placeholder");
}
</script>
</head>
<body onLoad="createPlayer(document.theForm.sel1.value)">

<form id="theForm" name="theForm">
<select name="sel1" onchange="javascript:createPlayer(document.theForm.sel1.value)" style="width:200px">
<option value="Hiphop.xml">Hip Hop</option>
<option value="Reggeaton.xml">Reggeaton</option>
<option value="Merengue.xml">Merengue/Mambo</option>
<option value="Bachata.xml">Bachata</option>
<option value="Tipico.xml">Tipicos</option>
<option value="Salsa.xml">Salsa</option>
<option value="Rock.xml">Rock Espanol</option>
</select>
</form>

<div id="placeholder">
<a href="http://www.macromedia.com/go/getflashplayer">Get Flash</a> to see this player
</div>

</body>
</html>

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------

And after i edited

<html>
<head>

<style type="text/css">
body { padding:0px; margin:0px; overflow:hidden; }
#theForm { position:absolute; left:0px; top:0px; z-index:1 }
#placeholder { position: absolute; left:0px; top:22px; z-index:1 }
</style>
<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
function getUpdate(typ, pr1, pr2, pid)
{
if(typ == 'item')
{
currentItem = pr1;
setTimeout("getItemData(currentItem)", 100);
}
};

function getItemData(idx)
{
var obj = thisMovie('thePlayerId').itemData(idx);
var tmp = obj['file'];

if(tmp != '')
{
gid('theLink').innerHTML = '<a href="' + tmp + '">download</a>';
}
else gid('theLink').innerHTML = '';
};

function gid(id)
{
return document.getElementById(id);
};

function thisMovie(movieName)
{
return document.getElementsByName(movieName)[0];
};

function createPlayer(theFile)
{
var s = new SWFObject('mediaplayer.swf', 'thePlayerId', '200', '300', '7');
s.addParam('allowfullscreen', 'true');
s.addVariable('file', theFile);
s.addVariable('width', '200');
s.addVariable('height', '300');
s.addVariable('displayheight', '150');
s.addVariable('autostart', 'true');
s.addVariable('backcolor', '0x0877ae');
s.addVariable('lightcolor', '0x0b4867');
s.addVariable('shuffle', 'false');
s.addVariable('showeq', 'true');
s.addVariable('enablejs', 'true');
s.addVariable('javascriptid', 'thePlayerId');
s.write('placeholder');
};
</script>

</head>

<body onLoad="createPlayer(document.theForm.sel1.value)">

<form id="theForm" name="theForm">
<select name="sel1" onchange="javascript:createPlayer(document.theForm.sel1.value)" style="width:200px">
<option value="Hiphop.xml">Hip Hop</option>
<option value="Reggeaton.xml">Reggeaton</option>
<option value="Merengue.xml">Merengue/Mambo</option>
<option value="Bachata.xml">Bachata</option>
<option value="Tipico.xml">Tipicos</option>
<option value="Salsa.xml">Salsa</option>
<option value="Rock.xml">Rock Espanol</option>
</select>
</form>

<div id="placeholder">
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Get the Flash Plugin</a>
to see this Flash Player.
</div>

<div id="theLink">
</div>

</body>

</html>

Can anyone see a problem with my flashvars?

I can't get FULLSCREEN to work. I've looked through the forum.
I have the latest flash plugin installed and I can view fullscreen when I use the JW wizard.

Thanks
Dan

allowfullscreen is an Adobe Flash Player parameter,  NOT a flashvar!

Reference: http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701

@comedian

I don't have children yet, but when my first one comes, I shall name him "comedian"

Thanks again, your advice worked and once again you've provided references so I can study the background theory and learn how to sovle these things myself in the future.

Here's my test page working: http://www.worldmassage.com/vegan/test.htm

Regards,
Dan.

Both of mine are "comedians"!

hehehe. Nice one comedian. @Dan i like how you added those two player on your page are they transparent or just maching background? looking good

When I play a three minute FLV the "buffering" text is on the screen -- whether the video
is cached or not -- for maybe three seconds

When I play a twenty second FLV the 'buffering" text stays on the screen the entire time the
video is playing..

AND.. although it should be retrieved from cache.. the "buffering" text is ALWAYS on
the screen for the entire play of that short FLV..

This was my way of putting multiple playlists in th FLV players. Essentially, I created a dropdown list of artists and events, and each item on the list links to a different playlit.

http://www.movimiento22.com/videoplayer/videos.html

JJ

Your page looks very good:

http://www.movimiento22.com/videoplayer/videos.html

And you don't have the player's text overlaying the screen..

I will look at what commands yuo used
thank you

@Fred

Good luck!

Hi JJ,

How did you do that?

Care to share :)

@ameisez,

Just look at the page source at: http://www.movimiento22.com/videoplayer/videos.html to see how JJ set up his page.

Another example of multiple playlists:

http://www.theday.com/mmedia

It's actually separate players on separate tabs, but accomplishes the multiple playlists.

look what I came up with :)

i am pretty satisfied at the moment.

http://www.adduae.org/community/_cinema.php

playlist can be change using dropdown list as like most samples here.

Hello to all

@kLink how you doing long time i dont see you on this thread nice seing you back

@JJ I like how you set up your player nice and neath

@huoppi theday.com is that your page? how do you manage to put the add before the videos? really nice

Now I have a question kLink you maybe be able to answer. I being using jw player 3.16 for a while now and it require swfobject.js file in the directory or in your server but i saw this thread

http://www.longtailvideo.com/support/forum/JavaScript-Interaction/17336/Javascript-Action-on-specifi...

entity talk about start using swfobject v2.1 on hist reply on may 03

"Some of your player code was for the v3.x player.

You might as well start using swfobject v2.1, loaded from Google's CDN, since SWFObject v1.5 is obsolete and no longer supported by its developers."

Now how can i use swfobject v2.1 which load from google CDN ?

I have some problem with my site some time when i refresh my page i get the player in two location the original embed and where the google Ads is set to be showing i get the jw player as well.

Any help will be apreciate

http://www.miorganichomebiz.com/audio/test.htm

wats d crap....da abv mentiond link is not working at all....

x-(

I want to implement multi playlist functionality and am so new to javascript that I need assistance. I have set up a test page so if anyone wants to view it and comment, I'd appreciate it. the code is like Aurora's & JJ's.

http://1iopenproductions.com/dws/jwvidtestmuliplaylist.htm

I keep coming up with an error when loading a playlist. Only Example PL (playlist.xml) & Example PL2 (playlist2.xml) are valid.

Error is - Task Queue failed at step 5: playlist could not be loaded due to crossdomain policy restrictions.

Thanks in advance for your help.

PS, and you don't have to tell me I don't know what I'm doing, cuz I already know that...

Hi Brian,

I can't seem to access your test page. However, it seems that your playlist is inaccessible because there's no crossdomain.xml on that site. For information on what this means and how to fix it, please read the section titled "Crossdomain XML" from http://developer.longtailvideo.com/trac/wiki/FlashSecurity.

Thank you Zack for the reply, however i do have a crossdomain.xml in the root directory. Maybe I have that set up incorrectly, which could very well be the case:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<site-control permitted-cross-domain-policies="master-only"/>
<allow-access-from domain="www.1iopenproductions.com"/>
</cross-domain-policy>

Also, I provided an incorrect link (I forgot to put the 'www' at the front. Try this:

http://www.1iopenproductions.com/dws/jwvidtestmuliplaylist.htm

Thanks again.

Hi Brian,

The link still doesn't work.

TYPOS!!!
my apologies Zach...

http://www.1iopenproductions.com/DWS/jwvidtestmultiplaylist.htm

Just tested the link and it is good now (finally...)

Also, as of now, I am getting the following:

Task Queue failed at step 5: Playlist could not be loaded: Error #2032

I've seen this before and it corrected somehow, which is when I started seeing the crossdomain.xml error.

Here is a preview of my playlist.xml (the first two entries):

<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Example PL</title>
<trackList>
<track>
<location>http://www.domain.com/../../.../my movie.flv</location>
<creator>Unknown</creator>
<title>Race</title>
<annotation>Scooter Racing</annotation>
</track>
<track>
<location>http://www.domain.com/.../.../.../mymovie2.flv</location>
<creator>Unknown</creator>
<title>Bars & Tone</title>
<annotation>That annoying noise when TV station goes out.</annotation>
<image></image>
<info></info>
</track>
...

The format is correct because I used the XSPF Validator to ensure it was.

So I guess I have two issues: Error #2032 & the crossdomain.xml restrictions

Just followed the link - there's something wrong with that page. It's just serving half of the <head> section.

This is just a test page, but I can see the entire <head> section when on this page and view the source. I know something is wrong, I just don't know what it is...
Here is what is in the <head> section:

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_jw.css" />
<script type="text/javascript" src="js/swfobject.js"></script>

<script type="text/javascript">
<!--
var theItem;
var selFile;

function loadPlay(file,idx) {
theItem=idx;
selFile=file;
createPlayer(selFile);
setTimeout("play()",1100);
};

function play() {
sendEvent('playitem',theItem);
};

function sendEvent(typ,prm) {
thisMovie("mpl").sendEvent(typ,prm);
};

function thisMovie(movieName) {
if(navigator.appName.indexOf("Microsoft") != -1) {
return window[movieName];
} else {
return document[movieName];
}
};

function createPlayer(theFile) {
var s = new SWFObject("jw/player.swf","mpl","544","250","8");
s.addParam('allowscriptaccess','always');
s.addParam("allowfullscreen","true");
s.addVariable('playlistfile','http://www.MYDOMAIN.com/.../playlist.xml');
s.addVariable('type','xml');
s.addVariable("width","544");
s.addVariable("height","240");
s.addVariable("displaywidth","320");
s.addVariable("overstretch","fit");
s.addVariable('frontcolor','000000');
s.addVariable('lightcolor','448888');
s.addVariable("showicons","false");
s.addVariable('showstop','true');
s.addVariable("thumbsinplaylist","true");
s.addVariable("enablejs","true");
s.addVariable("shuffle","false");
s.addVariable("autoscroll","false");
s.addVariable("bufferlength","20");
s.addVariable("rotatetime","6");
s.addVariable("javascriptid","mpl");
s.write("videoplayer");
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

function sendEvent(typ,prm)
{
if(typeof(thisMovie("mpl")) == "object")
{
thisMovie("mpl").sendEvent(typ,prm);
}
};

// FUNCTION TO CHECK IF PLAYER EXIST FOR SEND EVENT
function sendEvent(typ,prm)
{
if(typeof(thisMovie("mpl")) == "object")
{
thisMovie("mpl").sendEvent(typ,prm);
}

};
</script>
</head>

Site is down again. I think it's probably best if you shoot me an e-mail (zach at longtailvideo) to bring this to a speedy resolution. Please reference this post.

TY Zach,
I appreciate the time you have taken to look into this issue. However I have managed to resolve all issues with the player and now have it functioning flawlessly.

The code was not working so I started over and got it to work the way I wanted without as much code involved. I was having a hard time getting the page to come up in IE8, but now it seems to be working (as of late last night) in IE, FF, Opera, Chrome, & Safari.

JW Player is very nice and does the job that we intended it for.

Thanks again!

I am still working on the page, but it is coming along just fine.

http://www.1iopenproductions.com/DWS/video.htm

Glad to hear it!