FLASHのお勉強 ーアクションスクリプトの実践的事始めー
(50) MP3プレイヤー２（MediaController、List、ｘｍｌを使う）
先稿の「MP3プレイヤー 」では、自前のスキンを作ってｍｐ３を再生する方法について解説したが、本稿では、コンポーネントのMediaDisplayとMediaControllerを組み合わせたコントロール部を使い、Listコンポーネントを使って複数の登録曲から再生曲を選曲できるようにした。また、再生曲の演奏者などのデータがテキストボックスに表示されるようにし、それらのデータをｘｍｌファイルから呼び出す方法について解説する。
SAMPLE
ステージの準備 「著作権フリーの音楽の部屋」というサイト からダウンロードさせていただいた。（各コンポーネントのサイズ、色、配置は好みに応じて設定してください。）
ｘｍｌファイルの準備
ｘｍｌのデータはFlash側で配列として読み込むので、Flash内で配列として定義してもよいが、再生曲を入れ替えることを考えるとｘｍｌファイルにしておいた方が便利なので、この方法について解説する。var Player:Array = new Array("****","aaaa","bbbb",,,,,,);
<?xml version="1.0" encoding="UTF-8"?> </musicdata>
スクリプト
listData = new XML();
listData.load("listdata.xml");
listData.ignoreWhite = true;
listData.onLoad = musicPlay;
var Title:Array = new Array();
var Composer:Array = new Array();
var Artist:Array = new Array();
var Size:Array = new Array();
var File:Array = new Array();
myListBox.setStyle("fontSize", 16);
myListBox.setStyle("fontWeight", "bold");
myMediaDisplay.associateController(Controller.myController);
function musicPlay(ok) {
if (ok) {
rootNode = listData.firstChild;
total = rootNode.childNodes.length;
for (i=0; i<total; i++) {
Title[i] = rootNode.childNodes[i].attributes.title;
Composer[i] = rootNode.childNodes[i].attributes.composer;
Artist[i] = rootNode.childNodes[i].attributes.artist;
Size[i] = rootNode.childNodes[i].attributes.size;
File[i] = rootNode.childNodes[i].attributes.file;
}
for (i=0; i<total; i++) {
myListBox.myList.addItem(Title[i]);
}
var listHandler:Object = new Object();
listHandler.change = function(evt:Object) {
for (k=0; k<total; k++) {
switch (evt.target.selectedItem.label) {
case Title[k] :
myTextbox.htmlText = " <B>曲 名： "+Title[k]+"</B>";
myTextbox.htmlText += "<br>";
myTextbox.htmlText += " <B>作曲者： "+Composer[k]+"</B>";
myTextbox.htmlText += " <B>制 作： "+Artist[k]+"</B>";
myTextbox.htmlText += " <B>サ イ ズ： "+Size[k]+"</B>";
myMediaDisplay.setMedia(File[k], "MP3");
}
}
};
myListBox.myList.addEventListener("change", listHandler);
}
}
スクリプトの説明
●listData = new XML(); listData.load("listdata.xml"); listData.ignoreWhite
= true; listData.onLoad = musicPlay; var Title:Array = new Array(); 以下5行は配列の定義_global.styles.ScrollSelectList.setStyle("fontSize", 16); _global.styles.ScrollSelectList.setStyle("fontWeight",
"bold"); myMediaDisplay.associateController(Controller.myController); rootNode = listData.firstChild; 以下 File[i] = rootNode.childNodes[i].attributes.file; までｘｍｌ データをFlashで活用 」、「ｘｍｌデータ読み込み型ショッピングカート 」myListBox.myList.addItem(Title[i]); var listHandler:Object = new Object(); myListBox.myList.addEventListener("change",
listHandler); switch/case myMediaDisplay.setMedia(File[k], "MP3");
HOME お勉強総リスト