Multiple Playlists, 1 player with HTML link in xml

29 posts | return to the JavaScript Interaction forum | get the rss feed for this thread

Oct. 08, 2008niteowl

I have reviewed all the topics that make since to me, but some are complicated to a novice like myself. Can I be bold and try a new thread?

I am trying to create a multiple playlist player with annotation with an HTML link below the player to link to a PDF file associated with the audio files in the playlists.

I am not greatly skilled at javascript, but can muddle my way through it with some expert advise.

I have been successful setting up the player and linking the playlists to the player, but am having trouble getting any annotation to show up in caption area below the player.

Also, is there a skin out there that is like the skin found at http://home5.inet.tele.dk/nyboe/flash/mediaplayer/annotationdisplay.htm that I could change the colors on?

Instead of posting all of the code here is the link to the testing page; http://www.silverdalebc.com/ministries/media2.php

Any help is appreciated, thank you for your advice, in advance.

niteowl

Oct. 08, 2008andersen

you are mixing flashvars and javascript api for the v.3.x player and the v.4.x player !

please see the wiki for complete list of vars and commands for the various players - http://code.jeroenwijering.com/trac/

also please see this page - http://www.jeroenwijering.com/?item=Javascript_API_Examples
and this example - http://home5.inet.tele.dk/nyboe/flash/mediaplayer4/JW_API_xmpl_4-3-1-0.html

please note the above examples use the v.4.x player and swfobject v.2.1 !
you can download the swfobject v.2.1 from here - http://code.google.com/p/swfobject/
or directly here - http://swfobject.googlecode.com/files/swfobject_2_1.zip

more examples (for both versions) here - http://home5.inet.tele.dk/nyboe/flash/

Oct. 08, 2008niteowl

Thanks! I new it was something simple thanks for your expertice!
Also thank you for pointing out the API link and wiki...it really made sense and helped put things in order for this novice programmer-wannabe.

Awesome tools and site!

Signing off...
niteowl

Oct. 26, 2008Joao

Not one to readily press the panic button... but...

I have about 3 questions: Hope this will help others.

- Read the example of multiple playlist... but am not getting something. The below is an example of sort-of what I'm trying to do. Ideally, you'd click the pic and the playlist for that selection. I'm lost, if an example doesn't have an embed EXACTLY like the wizard

My project:
http://hinterlandsinc.org/music/test-musique.html

- Can and Where would one change the colour of the playlist. Seemed I read somewhere that it couldn't be done with the present version-I could have been hallucinating, but seems I thought I read.

- Is there a param to return to the playlist after playing opposed to moving to the next item on the list.

- How do you get rid of the play jobby on the player?

Thanks, in advanced. Meanwhile I'll continue to hack away... I'll turn you on if I find a solution.
-Joao

Oct. 26, 2008kLink

Here are my three questions:

1) What is a "jobby"?

2) What do you mean by "return to the playlist"?

3) What version of the player are you using?

4) Are you using a LightTPD server?

5) When you say, "you'd click on the pic", are you referring to the image in the scrolling list to the right of the player?

You can change the color of the JW FLV Media Player's playlist with the color flashvars.

Reference: http://code.longtailvideo.com/trac/wiki/FlashVars#Colors

Also, the latest player automatically scrolls to the current playlist selection.

However, none of this applies to your implementation because you don't even have the JW Player's playlist showing.

Oct. 27, 2008Joao

I feel like I'm being scolded... but I'll grin and bear it...

I'm using the version, before the present. Haven't upgraded

The "jobby" is: http://home5.inet.tele.dk/nyboe/flash/mediaplayer/multipleplaylists.htm

In theory, clicking the pick should bring up a separate playlist... that is overlayed.

Thanks,
Joao

Oct. 27, 2008andersen

dont know if there are more errors - but this one is enough to make the script fail:
<a href="javascript:loadPlay('mediaplayer/playlist-10.xml',%203);"><a href="javascript:loadPlay('mediaplayer/playlist-10.xml',3);">

Oct. 27, 2008kLink

Nobody is scolding you, we just need all of the gory details before we can properly advise you.

You do want proper advise, don't you?

By the way, there are still a few un-answered questions.

If you're not going to have the JW Player's playlist showing, then a few of those items don't matter.

Oct. 27, 2008Joao

I'm notorious for being vague-appreciate your help... I'll accept my scolding if it'll help get me a resolution...

Joao

Oct. 27, 2008Joao

To the questions:

My domain host is HostMonster... they informed me that we're running: Apache/Linix Server SentOS

When I reference "returning to the playlist"... you'll note that after you play anything from the list, the picture remains from the selection - whereas, I want to return to the original playlist that they selected from.

I made the change... but to no avail. I guess it might help if I knew what the second parameter was referencing: (i.e. mediaplayer/playlist-10.xml',3) = the "3"

And yes.. I'm referring to the picture to the right in the scroll textbox... that should in theory invoke the plays list.

thanks,
Joao

Oct. 27, 2008kLink

You have an external playlist, so you will have to format it with CSS.

The "3" refers to the index number in the playlist, starting at "0", so "3" would play the fourth track.

Oct. 28, 2008Manfred

I've been trying to do the same and have been following this page and am not sure if Joao's question was really answered.

Firstly, Looking at his code-The %203 that he originally had was referencing an idx (or index) not a track. I think he was trying to call the XML up.

Secondly, someone asked him to supply them with some information and just left him hanging.

Thirdly, I copied his code and found that it's not working for me, so I'm assuming that it's still isn't working for him. There was a call to Shock effect, from viewing the code of the link that he referenced or is trying to replicate, would that have anything to do with why it's not working

Oct. 28, 2008kLink

@Manfred,

Joao's questions were answered (and will continue to be answered) to the extent that he supplies the requested information.

Regarding the index/track, they are the same thing, just counted differently. Since the index refers to an array, counting begins at 0. Humans commonly begin counting at 1, so looking at the playlist, the fourth track would be index 3.

Nobody left him hanging — you're dead wrong about that. Let's get one thing perfectly clear here: This is FREE, VOLUNTEER help that Joao is receiving here. We have jobs, families, other pursuits in life, and need to eat and sleep. If you're not happy with the response from the volunteers, look elsewhere!

Oct. 28, 2008Joao

thanks Manfred.. didn't need the drama, I bought a flash app from Flash Den, it doesn't do exactly what I wanted, it looks nice, and it'll get the work done.

Oct. 29, 2008Arturo B

can someone take a look this and tells me if its ok, I am trying to create a player with an XML playlist and RTMP but I dont know why is not working. the player works with YOUTUBE videos but not with RTMP links form vital stream

here is my XML

<?xml version="1.0" encoding="utf-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<title>Video1</title>
<creator>Herbalife</creator>
<location>rtmp://herbalife.flash.internapcdn.net/herbalife_vitalstream_com/_definst_/AM/20000</location>
<identifier>22076-am-eng-YearInReview2005-300</identifier>
<meta rel="type">rtmp</meta>
</track>
<track>
<title>Video2</title>
<creator>herbalife</creator>
<location>rtmp://herbalife.flashsvc.vitalstreamcdn.com/herbalife_vitalstream_com/_definst_/EU/1000</location>
<identifier>1159W-eu-eng-June08KO-300</identifier>
<meta rel="type">rtmp</meta>
</track>
<track>
<title>Video3</title>
<creator>Herbalife</creator>
<location>rtmp://herbalife.flashsvc.vitalstreamcdn.com/herbalife_vitalstream_com/_definst_/EU/1000</location>
<identifier>1160B-eu-eng-July08KO-300</identifier>
<meta rel="type">rtmp</meta>
</track>
</trackList>
</playlist>

Oct. 29, 2008kLink

 
@Arturo,

Before we can help you, we need to know what version of the JW FLV Media player you are using because the RTMP and other streaming methods have changed. Right-click on the player's displayarea to see the version that you have.

We also need to know what form of embedding code you are using, so post your player code using the code tags (the "<>" below the text-entry box).

Oct. 29, 2008Arturo B

thanks you can see the player here http://www.mypartynights.com/player2.htm and the code that I am using for the player is this:

<script type="text/javascript">
var so = new SWFObject('http://www.mypartynights.com/player/player.swf', 'mpl', '500', '540', '8');
so.addParam('allowscriptaccess', 'always');
so.addParam('allowfullscreen', 'true');
so.addVariable('file', 'http://www.mypartynights.com/player/Playlist.xml&playlist=bottom');
so.addVariable('width', '500');
so.addVariable('height', '550');
so.addVariable('displaywidth', '500');
so.addVariable('backcolor', '0xFFFFFF');
so.addVariable('frontcolor', '0x6666FF');
so.addVariable('bufferlength', '5');
so.addVariable('overstretch', 'fit');
so.addVariable('autoscroll', 'true');
so.addVariable('thumbsinplaylist', 'true');
so.addVariable('autostart', 'true');
so.write('player');
</script>

thank you

Oct. 29, 2008kLink

Try this:
    <script type="text/javascript">
      var so = new SWFObject('http://www.mypartynights.com/player/player.swf', 'mpl', '500', '760', '8');
          so.addParam('allowscriptaccess',    'always');
          so.addParam('allowfullscreen',      'true');
          so.addVariable('streamer',          'rtmp://herbalife.flash.internapcdn.net/herbalife_vitalstream_com/_definst_');
          so.addVariable('file',              'http://www.mypartynights.com/player/Playlist.xml');
          so.addVariable('playlist',          'bottom');
          so.addVariable('playlistsize',      '120');
          so.addVariable('backcolor',         'FFFFFF');
          so.addVariable('frontcolor',        '6666FF');
          so.addVariable('bufferlength',      '5');
          so.addVariable('stretching',        'exactfit');
          so.addVariable('autostart',         'true');
          so.write('player');
    </script>



<?xml version="1.0" encoding="utf-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
  <trackList>
    <track>
      <title>Video1</title> 
      <creator>Herbalife</creator> 
      <location>AM/20000/22076-am-eng-YearInReview2005-300</location> 
      <meta rel='type'>video</meta>
    </track>
    <track>
      <title>Video2</title>
      <creator>Herbalife</creator>
      <location>EU/1000/1159W-eu-eng-June08KO-300</location>
      <meta rel='type'>video</meta>
    </track>
    <track>
      <title>Video3</title>
      <creator>Herbalife</creator>
      <location>EU/1000/1160B-eu-eng-July08KO-300</location>
      <meta rel='type>video</meta>
    </track>
  </trackList>
</playlist>


Since I don't have access to the configuration of your RTMP server, I'm guessing about the application/instance for the RTMP stream URL.

Oct. 29, 2008Arturo B

No It didn't work it came up with the error THIS PLAY LIST IS NOT A VALID XML FILE. any other idea?

Oct. 30, 2008kLink

That's probably only because you didn't correct my typO in this line:
<meta rel='type>video</meta>

Missing a single quote symbol after type.

Do you have any documentation from your streaming service provider that shows the correct stream URL and path(s)/filename?

Oct. 30, 2008Arturo B

Yesssssssss you are awesome it works perfect the way I wanted. here is the page so you guys can see

http://www.mypartynights.com/WeddingsTV.asp

thank you

I might have some more questions but, i talk to you later.

thank you

Oct. 30, 2008kLink

That's AWESOME. Good Luck!

(By the way, I hope you saw the humor in my statement, "you didn't correct my typO".    )

Oct. 31, 2008Arturo B

I know.. Hey more quetion. what do you recommend to do flash live streaming? I want to do live streaming on my web. thank you

Oct. 31, 2008kLink

Wowza or Red5 — see this thread: http://www.jeroenwijering.com/?thread=9589

Nov. 02, 2008Mindaugas

I have this code but nothing. :(

<script type="text/javascript" src="http://content.longtailvideo.com/files/swfobject.js"></script>

<div id="player">This text will be replaced</div>

<script type="text/javascript">
var so = new SWFObject('http://content.longtailvideo.com/files/player.swf','mpl','470','200','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://www.emix.lt/playlist.xml&backcolor=FFFFFF&frontcolor=000000&lightcolor=0099cc&skin=http://www.jeroenwijering.com/upload/simple.swf&playlist=bottom');
so.write('player');
</script>

Here is my playlist.xml


<?xml version="1.0" encoding="utf-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<title>Video1</title>
<creator>Herbalife</creator>
<location>rtmp://herbalife.flash.internapcdn.net/herbalife_vitalstream_com/_definst_/AM/20000</location>
<identifier>22076-am-eng-YearInReview2005-300</identifier>
<meta rel="type">rtmp</meta>
</track>
<track>
<title>Video2</title>
<creator>herbalife</creator>
<location>rtmp://herbalife.flashsvc.vitalstreamcdn.com/herbalife_vitalstream_com/_definst_/EU/1000</location>
<identifier>1159W-eu-eng-June08KO-300</identifier>
<meta rel="type">rtmp</meta>
</track>
<track>
<title>Video3</title>
<creator>Herbalife</creator>
<location>rtmp://herbalife.flashsvc.vitalstreamcdn.com/herbalife_vitalstream_com/_definst_/EU/1000</location>
<identifier>1160B-eu-eng-July08KO-300</identifier>
<meta rel="type">rtmp</meta>
</track>
</trackList>
</playlist>

With this it working http://www.jeroenwijering.com/upload/bunnies.xml but with mine nothing

Nov. 02, 2008kLink

 
@Mindaugas,

See the code posted above on 29.10.2008 which has the correct player code and playlist code for your application.

Nov. 16, 2008klodi

I have this code but nothing. :(

<script type="text/javascript" src="http://content.longtailvideo.com/files/swfobject.js"></script>

<div id="player">This text will be replaced</div>

<script type="text/javascript">
var so = new SWFObject('http://content.longtailvideo.com/files/player.swf','mpl','470','200','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('flashvars','&file=http://www.emix.lt/playlist.xml&backcolor=FFFFFF&frontcolor=000000&lightcolor=0099cc&skin=http://www.jeroenwijering.com/upload/simple.swf&playlist=bottom');
so.write('player');
</script>

Nov. 16, 2008klodi

<a href="http://mp3.argetohu.com/-%20-%20-%20-%20Argetohu.Com%20Mp3%20Te%20Reja%202008/00.%20Hitet%20e%20Reja%20shqip%202008%20-%20Pjesa%20e%202/D.M.K%20-%20Album%202008/D.M.(%20T.B.A%20)%20%5D%20ft%20ADA%20and%20XHA-C.T%20-%20Dri%20Dri%20Dridhe%20-%20www.argetohu.com%20-%20www.argetohu.com.mp3">礼品卡</a>

Nov. 16, 2008kLink

@klodi,

http://www.emix.lt/playlist.xml result: "404 Page not found"

Add a reaction

You can also return to the category or try this search for related threads.

Your name *

Supported codes: submit