Dynamic Video Playlist

Question

Hi, I am new to Actionscript 3 and I have followed the
tutorial regarding creating a dynamic video playlist with
thumbnails. I created as the tutorial said and it worked fine.
Instead of their just being a title for a video, I have also tried
to add a description to each tileitem, but instead the title
repeats twice. Can anyone see where i'm going wrong? You can view
my playlist here - www.coolmustard.co.uk/VideoPlaylist.html
Thumb actionscript file:
package {
import fl.controls.listClasses.ICellRenderer;
import fl.controls.listClasses.ImageCell;
import fl.controls.TileList;
import flash.text.*;
public class Thumb extends ImageCell implements
ICellRenderer {
private var desc:TextField;
private var info:TextField;
private var textStyle:TextFormat;
public function Thumb() {
super();
loader.scaleContent = false;
useHandCursor = true;
// set skins
setStyle("upSkin", ThumbCellBg);
setStyle("downSkin", ThumbCellBg);
setStyle("overSkin", ThumbCellBgOver);
setStyle("selectedUpSkin", ThumbCellBgOver);
setStyle("selectedDownSkin", ThumbCellBgOver);
setStyle("selectedOverSkin", ThumbCellBgOver);
// Create and format desc
desc = new TextField();
desc.autoSize = TextFieldAutoSize.LEFT;
desc.x = 80;
desc.y = 4;
desc.width = 500;
desc.multiline = true;
desc.wordWrap = true;
addChild(desc);
textStyle = new TextFormat();
textStyle.font = "Arial";
textStyle.color = 0xffffff;
textStyle.size = 11;
textStyle.bold = true;
info = new TextField();
info.autoSize = TextFieldAutoSize.LEFT;
info.x = 80;
info.y = 15;
info.width = 500;
info.multiline = true;
info.wordWrap = true;
addChild(info);
override protected function drawLayout():void {
// Position cell elements; tweak these for your thumbs if
needed
var imagePadding:Number = getStyleValue("imagePadding") as
Number;
loader.move(11, 8);
var w:Number = width-(imagePadding*2);
var h:Number = height-(imagePadding*2);
if (loader.width != w && loader.height != h) {
loader.setSize(w,h);
loader.drawNow();
desc.text = data.label;
desc.setTextFormat(textStyle);
info.text = data.label;
info.setTextFormat(textStyle);
background.width = width+5;
background.height = height+2;
textField.visible = false;
Videoplaylist actionscript code:
package {
import flash.display.MovieClip;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.events.Event;
import fl.controls.listClasses.CellRenderer;
import fl.controls.ScrollBarDirection;
public class VideoPlaylist extends MovieClip {
private var xmlLoader:URLLoader;
public function VideoPlaylist():void {
// Load the playlist file, then initialize the media player.
xmlLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, initMediaPlayer);
xmlLoader.load(new URLRequest("playlist.xml"));
// Format the tileList, specify its cellRenderer class.
tileList.setSize(600, 240);
tileList.columnWidth = 580;
tileList.rowHeight = 60;
tileList.direction = ScrollBarDirection.VERTICAL;
tileList.setStyle("cellRenderer", Thumb);
public function initMediaPlayer(event:Event):void {
var myXML:XML = new XML(xmlLoader.data);
var item:XML;
for each(item in myXML.vid) { // populate playlist.
// Get thumbnail value and assign to cellrenderer.
var thumb:String;
if(item.hasOwnProperty("@thumb")>0) thumb = item.@thumb;
// Send data to tileList.
tileList.addItem({label:item.attribute("desc").toXMLString(),
label:item.attribute("info").toXMLString(),
data:item.attribute("src").toXMLString(),
source:thumb});;
// Select the first video.
tileList.selectedIndex = 0;
// Listen for item selection.
tileList.addEventListener(Event.CHANGE, listListener);
// And automatically load it into myVid.
myVid.source = tileList.selectedItem.data;
// Pause video until selected or played.
myVid.play();
// Detect when new video is selected, and play it
function listListener(event:Event):void {
myVid.play(event.target.selectedItem.data);
XML Playlist:
<?xml version="1.0" encoding="UTF-8"?>
<playlist id="Adobe Developer Center - Dynamic Video
Playlist in AS3" >
<vid desc="Champneys Spa's and Resorts"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysIntro.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysIntro.jpg"
/>
<vid desc="Accommodation at Champneys"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysAccom.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysAccom.jpg"
/>
<vid desc="The Henlow Spa and Resort"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysHenlow.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysHenlow.jpg"
/>
<vid desc="The Forest Mere Spa and Resort"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysMere.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysMere.jpg"
/>
<vid desc="The Springs Spa and Resort"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysSpings.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysSprings.jpg"
/>
<vid desc="The Tring Spa and Resort"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysTring.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysTring.jpg"
/>
<vid desc="Spa Treatments at Champneys"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysSpaTreat.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysSpaTreat.jpg"
/>
<vid desc="Fitness and Well-Being at Champneys"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysFitness.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysFitness.jpg"
/>
<vid desc="Aqua Therapy at Champneys"
info="Enter a short description here"
src="
http://www.coolmustard.co.uk/videos/ChampneysAquaTherapy.flv"
thumb="
http://www.coolmustard.co.uk/thumbs/ChampneysAquaTherapy.jpg"
/>
</playlist>
If anyone can help that would be brilliant.

Answer 1

I can't pinpoint where data.label derives from, but at first
glance I'd say the problem might be between the following sets of
lines...
desc.text = data.label;
desc.setTextFormat(textStyle);
info.text = data.label;
info.setTextFormat(textStyle);