How to send linkUrl to html plugin Created Jan 11, 2009

hmm. kind of hard to follow this. I guess HTML plugin here is our playlist plugin? It soulds that you have your configuration seriously wrong. Could you paste your configuration here on the forums and it's easier to see what's wrong with it.

Remember to place your code between code- tags.

Thanks for your reply but I found the solution, in fact I send some clip's data to an HTML plugin outside of the player. I just had some problems with writing it correctly with variables but it's solved now :-)

My second problem is more serious: I need to have a "dynamic" playlist depending on the logged in user with different clips for different users.

I guess I have to work this one with php ? Do you have some posts or exemples somewhere ? i did not find a lot

And the last problem is that my flash plugin animation stops working when a clip starts and resumes when a clip ends. I want it to work always but I have not the solution

I would like to post my code but save button does not work when I paste it and I dont know how to attach a file :-(

	$(function() {
		$f("player", {src: "components/com_bulle/assets/swf/flowplayer-3.0.3.swf", opacity:0},  {
// 			log:{level: 'debug'},
			screen: {
 				width:110,
 				height:100,
 				opacity:0,
 				backgroundcolor:'#ffffff',
 			},
			canvas: {
				backgroundImage: 'url(http://beta.icontes.com/components/com_bulle/assets/img/bubble_player_mp3_inline.png) no-repeat',
				opacity:0,
				},
			clip: {
				subTitle: 'de iContes.com',
				urlBase: 'http://audio.icontes.com/',
				linkWindow: '_blank',
				autoPlay:true,
 				onCuepoint: [3000, function(clip) { 
 					var home = clip.linkUrl;
    				var name = clip.title;
    				var	image = clip.picture;
   	   				var lien = "<a href='"+home+"' target='_blank'>";
   	   				var page = lien+name+"</a>";
    				var info = "<img src="http://icontes.com/"+image+"">"+page; 
    				$("#eventInfo").html(info).addClass("home").show(); 
    				$().getScreen().hide();
    				$().getPlugin("animation").show();
     				}],
     			onFinish: function(clip) {
     				var vider = "";
     				$("#eventInfo").html(vider).hide();
     				}
			},	
			plugins: { 
				controls: {
				url: 'components/com_bulle/assets/swf/flowplayer.controls-3.0.3.swf', 
		        bottom:0,
		        left:70,
       			height:15, 
        		zIndex:1, 
       		 	backgroundColor: 'transparent',
       		 	backgroundGradient: '1.0 1.0',
        // controlbar specific configuration  
       			fontColor: '#ffffff',      
       			timeFontColor: '#333333',
       			buttonColor: '#b3b3b3',
        		autoHide: 'never', 
        		play:false,      
        		volume:false, 
        		mute:false,  
        		time:false,  
        		stop:false, 
        		playlist:true,  
        		fullscreen:false, 
       		 	scrubber: false   
							},
				audio: { url: 'components/com_bulle/assets/swf/flowplayer.audio-3.0.2.swf' },
				animation: { 
      				url: 'components/com_bulle/assets/swf/Revolt.swf', 
			        top: 0, 
    			    left: 0,
    			    width:110,
       				height:75, 
        			opacity: 1, 
        			zIndex: 3, 
							},   					 
			},	
					
			playlist: [
			{
			title: 'Mauvaise foi', 
        	url: 'http://audio.icontes.com/Mauvaise%20foi.mp3',
        	linkUrl: 'http://icontes.com/contes-et-icontes/histoires-du-ratcontar/172-mauvaise-foi',
        	iconte: 'iconte Ratcontar',
        	duration: 550,
        	picture:'images/stories/articles/simon-bondoufle.jpg',
	       	}, 
        	{
        	title: 'Les trois voleurs', 
        	url: 'http://audio.icontes.com/Trois%20Voleurs.mp3',
        	linkUrl: 'http://icontes.com/Contes-pour-tout-public/les-trois-voleurs',
        	iconte: 'iconte Fée',
        	picture:'images/stories/trois-voleurs.jpg',
        	}, 
       		 {
       		 title: 'Pauline', 
       		 url: 'http://audio.icontes.com/Pauline.mp3', 
       		 linkUrl: 'http://icontes.com/Histoires-du-Ratcontar/pauline',
       		 iconte: 'iconte Ratcontar',
       		 picture:'images/stories/articles/pauline.jpg',
       		 } ,
       		 {
       		 title: 'Ouagadou Gomébé', 
       		 url: 'http://audio.icontes.com/Ouagadou%20gomebe.mp3', 
       		 linkUrl: 'http://icontes.com/Contes-pour-tout-public/ouagadou-gomebe',
       		 iconte: 'iconte Ratcontar',
       		 picture:'images/stories/articles/arbre.jpg',
       		 } ,
       		 {
            title: 'Un train d Enfer',
            url: 'http://audio.icontes.com/Un%20train%20d-enfer.mp3',
			linkUrl: 'http://icontes.com/Histoires-du-Ratcontar/un-train-denfer',
			iconte: 'iconte Ratcontar',
			picture: 'images/stories/articles/train.jpg',
        	}
			]
		// use HTML controls. place it inside element named "controls"
		}).controls("controls");
		
   		 $f("player").playlist("div.clips:first", {
    		loop:true,      
        	//when set to true and splash image is clicked then first clip is played manual configuration only 
   		 	playOnClick: true 
   		 	}); 
		
   		 $("div.vertical").scrollable({size:3, items:'.clips', vertical:true});
   		 // setup global variable "api" to have scrollable API usage
		window.api = $("div.vertical").scrollable();
		
		// set up other flash for the page
		flashembed("dessin", "components/com_bulle/assets/swf/expression_artistique.swf");	
		
   		 $("a.overlay").overlay({
   		 		top: 10, 
   		 		onBeforeLoad: function() {
   		 		$f().hide();
				this.expose({color: "#fff"});
			},  
				onClose: function() {
				$f().show();
				$.unexpose();
				}
				});

		var embedCode = $f().embed().getEmbedCode; 
		$("textarea#embedPane").html(embedCode);
		$("#shareTabs").tabs("#panes > div");
		$("#shareForm").submit(function(e) {
		var form = $(this);
		form.fadeTo(500, 0.1);
		$.getJSON(form.attr("action") + "?" + form.serialize() + "&format=json&jsoncallback=?", function(json) {
			form.fadeTo(500, 1);
			var info = $("#info").show();
			
			if (json.message) {
				info.addClass("alert").html(json.message);			
			} else {
				info.removeClass("alert").addClass("info").html("Email envoyé !");
			} 
		});	
		e.preventDefault();
		return false;		
	});	
	}); 

I have also some problems with playlist in the js files as some of our titles includes french accents ( train d'enfer and ouagadou gomébé for instance) and we are on utf-8, which means that if I try to automatically retrieve some stuff to put it in the playlist within the js file, it may break the file.

Any ideas ?

As for french acents etc. I'm no use, but for the dynamic playlist in PHP I'll be able to help ya if you give me a little more spec on what you need.

I have made posts on this before in various threads, I'll be Mary Jack if I can find them though...

Well I need to have a playlist depending on a user id and unique for each user

My page containing the player (in fact an independant popup window hosted on a joomla cms) will be called from a url with &index=userid and I need to get the playlist from a php page that will render it depending on my user's rights.

Hope this is clear enough.

I have already installed flowplayer popup in my own component that I developped for our needs in joomla using their helloworld model and I can retrieve avatar and user data to the popup but I'm stuck now with the playlist

Mmmm it seems that I have a problem with the above configuration, it works ok with FF and safari but fails on IE...

Have you found a solution for accent, i have same problem with my playlist

As-tu trouvé la solution pour passer les accents et apostrophes ? j'ai le même souci

tech [at] instantt.com

A+