メニューバー

HOME HELP 新着記事 ツリー表示 スレッド表示 トピック表示 発言ランク ファイル一覧 検索 過去ログ

ツリー一括表示

Nomal AS3:XMLを読み込んで表示するプレーヤー /mitt (09/12/02(Tue) 17:10) [ID:vS2O7xY5] #300
Nomal アクションスクリプト3.0 /mitt (09/12/02(Tue) 17:15) [ID:vS2O7xY5] #301
  └Nomal videoPlay.xml /mitt (09/12/02(Tue) 17:19) [ID:vS2O7xY5] #302


親記事 / ▼[ 301 ]
■300 / 親階層)  AS3:XMLを読み込んで表示するプレーヤー
□投稿者/ mitt テクニカルプライズ(48回)-(2009/12/02(Tue) 17:10:08) [ID:vS2O7xY5]
http://mitt3210.com
    まずは、某サイトでよく見かけるバージョン。

    動画は支障のないものに変えてあります。コメントと咬み合いませんが、お気になさらず。

    完成品は、こちら↓
    http://mitt3210.s39.coreserver.jp/UP/4-3/a/view1.html

    表示に必要なファイル
    フォルダ構造は、キャッシュを見ればわかると思うので、割合。

    videoPlay.xml              //XMLファイル
    SkinUnderAllNoCaption.swf     //プレーヤースキン
    view1.swf             //今回作ったプレーヤー
    video1.flv             //動画
    view1.jpg             //静止画

    ポイント
    ・テキスト文字の 改行は"\n"、タブは"\t"、保存方法を間違えると、\が¥に書き換えられてしまうので注意。
    ・コンテナの表示順位を変えている様に見えるが、実は、visible=falseで見えなくしただけ。
    ・作成したボタンをリンケージ格納しておき、inv_btnとしてスクリプトで呼び出す。
    ・video1.flvとview1.jpgの大きさは640×480ピクセル。4:3画像です。
    ・下記のスクリプトがシーンの1フレームに記述してあります。

[ □ Tree ] 返信 削除キー/

▲[ 300 ] / ▼[ 302 ]
■301 / 1階層)  アクションスクリプト3.0
□投稿者/ mitt テクニカルプライズ(49回)-(2009/12/02(Tue) 17:15:26) [ID:vS2O7xY5]
http://mitt3210.com
    import flash.text.*;
    import fl.containers.UILoader;
    import flash.net.*;
    import flash.display.*;
    import flash.events.*;
    import fl.video.*;

    var myFLVPb = new FLVPlayback();
    addChild(myFLVPb);

    var box:Sprite = new Sprite();

    var myXML:XML = new XML();
    var XML_URL:String = "videoPlay.xml";
    var myXMLURL:URLRequest = new URLRequest(XML_URL);
    var myLoader:URLLoader = new URLLoader(myXMLURL);
    myLoader.addEventListener("complete", xmlLoaded);
    function xmlLoaded(event:Event):void{
    myXML = XML(myLoader.data);
    var element:XML;
    for each (element in myXML..item){
    var img:String = element.img.toString();
    var videoTitle:String = element.videoTitle.toString();
    var videoContent:String = element.videoContent.toString();
    var videoTheme:String = element.videoTheme.toString();

    var aLoader:UILoader = new UILoader();
    aLoader.source = myXML.channel.item.img[0].toString();
    aLoader.scaleContent = false;
    box.addChild(aLoader);
    var infoBox:TextField = new TextField();
    with(infoBox) {x = 10;y = 20;width = 640;height = 200;wordWrap = true;}
    var info:TextFormat = new TextFormat();info.font = "_明朝";info.bold = true;info.color = 0x00FF00;info.size = 24; infoBox.defaultTextFormat = info;
    box.addChild(infoBox);
    infoBox.text = myXML.channel.item.videoTitle[0]+"\n "+"\n "+myXML.channel.item.videoContent[0]+"\n "+"\n "+myXML.channel.item.videoTheme[0].toString();
    var inv_btn:Button = new Button();
    inv_btn.x = inv_btn.y = 0;
    box.addChild(inv_btn);
    var contoro_mc:controller = new controller();
    contoro_mc.x = 0;
    contoro_mc.y = 480;
    contoro_mc.alpha = 50;
    box.addChild(contoro_mc);

    addChild(box);

    box.addEventListener(MouseEvent.CLICK,cliked);
    function cliked(event:MouseEvent):void{

    box.visible = false;
    var flv:String = element.flv.toString();

    myFLVPb.x = 0;
    myFLVPb.y = 0;
    myFLVPb.width = 640;
    myFLVPb.height = 480;
    myFLVPb.volume = 0.5;
    myFLVPb.autoPlay = true;
    myFLVPb.skin = "../../SkinUnderAllNoCaption.swf";
    myFLVPb.skinBackgroundColor = 0x666666;
    myFLVPb.source = myXML.channel.item.flv[0].toString();
    myFLVPb.skinBackgroundAlpha = 1;
    myFLVPb.skinAutoHide = false;

    }


    }
    }
[ 親 300 / □ Tree ] 返信 削除キー/

▲[ 301 ] / 返信無し
■302 / 2階層)  videoPlay.xml
□投稿者/ mitt クラウンプライズ(50回)-(2009/12/02(Tue) 17:19:46) [ID:vS2O7xY5]
http://mitt3210.com
    <?xml version="1.0" encoding="UTF-8"?>
    <dataset>
    <total>4</total>      <!--下に登録したアイテムの数-->
    <pskin>../../SkinUnderAllNoCaption.swf</pskin>      <!--スキンのアドレス-->
    <pskinCol>0x666666</pskinCol>      <!--スキンの色の指定-->
    <txtCol>0x00FF00</txtCol>      <!--テキストの色の指定-->
    <channel>
    <item id="1">
    <flv>../../Sample/1/video1.flv</flv>      <!--ビデオのアドレス-->
    <img>../../Sample/1/view1.jpg</img>       <!--画像のアドレス-->
    <videoTitle>オープニングソング</videoTitle>
    <videoContent>『 CHANGE THE WORLD 』</videoContent>
    <videoTheme>Vocal / v6</videoTheme>
    </item>
    <item id="2">
    <flv>../../Sample/1/video2.flv</flv>
    <img>../../Sample/1/view2.jpg</img>
    <videoTitle> 本編 </videoTitle>
    <videoContent>第1話</videoContent>
    <videoTheme>時代を越えた少女と封印された少年</videoTheme>
    </item>
    <item id="3">
    <flv>../../Sample/1/video3.flv</flv>
    <img>../../Sample/1/view3.jpg</img>
    <videoTitle>エンディングソング</videoTitle>
    <videoContent>『 My will 』</videoContent>
    <videoTheme>Vocal / dream</videoTheme>
    </item>
    <item id="4">
    <flv>../../Sample/1/video4.flv</flv>
    <img>../../Sample/1/view4.jpg</img>
    <videoTitle>予告と犬夜叉のツボ</videoTitle>
    <videoContent>第2話予告</videoContent>
    <videoTheme>四魂の玉を狙う者たち</videoTheme>
    </item>
    </channel>
    </dataset>
    ------------------------------------------
    正確なvideoPlay.xmlはこちら↓
    http://mitt3210.s39.coreserver.jp/UP/4-3/a/videoPlay.xml
    この中の[0]である、item id="1"をスクリプトで読み込んで利用しています。
    上のリンクをクリックしたらソースを見た方がbetter。
[ 親 300 / □ Tree ] 返信 削除キー/


Mode/  Pass/

HOME HELP 新着記事 ツリー表示 スレッド表示 トピック表示 発言ランク ファイル一覧 検索 過去ログ

- Child Tree -