メニューバー

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

ツリー一括表示

Nomal 5個編:AS3:XMLを読み込んで表示するプレーヤー /mitt (09/12/11(Fri) 01:07) [ID:vS2O7xY5] #305
Nomal AS3:videoPlay_auto.as /mitt (09/12/11(Fri) 01:18) [ID:vS2O7xY5] #306
  └Nomal AS3:videoPlay_auto.asの続き /mitt (09/12/11(Fri) 01:20) [ID:vS2O7xY5] #307
    └Nomal videoPlay.xml /mitt (09/12/11(Fri) 01:23) [ID:vS2O7xY5] #308


親記事 / ▼[ 306 ]
■305 / 親階層)  5個編:AS3:XMLを読み込んで表示するプレーヤー
□投稿者/ mitt クラウンプライズ(53回)-(2009/12/11(Fri) 01:07:57) [ID:vS2O7xY5]
http://mitt3210.com
    これは、プレイリストを5個表示します。
    外部jpgを読み込んで小さくし、アイコン化して、リンク貼ってあります。

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

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

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

    videoPlay.xml           //XMLファイル
    SkinUnderAllNoCaption.swf     //プレーヤースキン
    video.swf             //今回作ったプレーヤー
    1/video2.flv            //動画
    2/video2.flv
    3/video2.flv
    4/video2.flv
    5/video2.flv
    1/view2.jpg            //静止画
    2/view2.jpg
    3/view2.jpg
    4/view2.jpg
    5/view2.jpg

    ポイント
    ・テキスト文字の 改行は"\n"、タブは"\t"、下記スクリプトは、"\n"に書き換えられてしまったので注意。
    ・video2.flvとview2.jpgの大きさは640×480ピクセル。4:3画像です。
    ・videoPlay.xml
     [0]が、item id="1"
     [1]が、item id="2"
     [2]が、item id="3"
     [3]が、item id="4"
     [4]が、item id="5"
    ・ライブラリーにFLVPlaybackを格納しておく。
    ・ライブラリーにUILoaderを格納しておく。
    ・下記のスクリプトを、videoPlay_auto.asという名前で保存。
    ・プロパティータグの「ドキュメントクラス」のところに、videoPlay_autoと記述し、ASファイルを読み込む。

[ □ Tree ] 返信 削除キー/

▲[ 305 ] / ▼[ 307 ]
■306 / 1階層)  AS3:videoPlay_auto.as
□投稿者/ mitt クラウンプライズ(54回)-(2009/12/11(Fri) 01:18:37) [ID:vS2O7xY5]
http://mitt3210.com
    package {
    import fl.video.*;
    import flash.events.*;
    import flash.text.*;
    import fl.containers.UILoader;
    import flash.net.URLRequest;
    import flash.net.URLLoader;
    import flash.net.URLLoaderDataFormat;
    import flash.display.Sprite;

    public class videoPlay_auto extends Sprite {
    private var myLoader:URLLoader;
    private var videoNum:Number = 5;
    private var video:Array = [];
    private var videoTitle:Array = [];
    private var videoContent:Array = [];
    private var img:Array = [];
    private var player = new FLVPlayback();
    private var n:Number;
    private var infoBox = new TextField();
    private var aLoader1 = new UILoader();
    private var aLoader2 = new UILoader();
    private var aLoader3 = new UILoader();
    private var aLoader4 = new UILoader();
    private var aLoader5 = new UILoader();
    private var myXML:XML;

    public function videoPlay_auto() {
    var infoBox:TextField = new TextField();
    with(infoBox) {x = 640;y = 10;width = 160;height = 85;wordWrap = true;}var info:TextFormat = new TextFormat();info.font = "_明朝";info.color = 0xFFFFFF;info.size = 10; infoBox.defaultTextFormat = info;
    addChild(infoBox);

    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 total:String = myXML.total.toString();
    var pskin:String = myXML.pskin.toString();
    var pskinCol:String = myXML.pskinCol.toString();
    var txtCol:String = myXML.txtCol.toString();
    var element:XML;
    for each (element in myXML..item){
    var flv:String = element.flv.toString();
    var img:String = element.img.toString();
    var videoTitle:String = element.videoTitle.toString();
    var videoContent:String = element.videoContent.toString();


    var aLoade1r:UILoader = new UILoader();
    aLoader1.source = myXML.channel.item.img[0].toString();
    aLoader1.scaleContent = true;
    with (aLoader1) {
    x = 660;y = 40;scaleX = scaleY = 1.2;alpha = 0.7;
    }
    addChild(aLoader1);
    aLoader1.buttonMode = true;
    aLoader1.addEventListener(MouseEvent.ROLL_OVER, rollover);
    aLoader1.addEventListener(MouseEvent.ROLL_OUT, rollout);
    aLoader1.addEventListener(MouseEvent.CLICK, playStart);
    function playStart(event:MouseEvent) {player.source = myXML.channel.item.flv[0].toString();player.play();infoBox.text = myXML.channel.item.videoTitle[0]+"\n "+"\n "+myXML.channel.item.videoContent[0].toString();}
    function rollover(event:MouseEvent):void {event.target.alpha = 1.0;alt.text = myXML.channel.item.videoContent[0].toString();}
    function rollout(event:MouseEvent):void {event.target.alpha = 0.7;alt.text = "\n "+"\n ".toString();}

    var aLoade2r:UILoader = new UILoader();
    aLoader2.source = myXML.channel.item.img[1].toString();
    aLoader2.scaleContent = true;
    with (aLoader2) {
    x = 660;y = 133;scaleX = scaleY = 1.2;alpha = 0.7;
    }
    addChild(aLoader2);
    aLoader2.buttonMode = true;
    aLoader2.addEventListener(MouseEvent.ROLL_OVER, rollover2);
    aLoader2.addEventListener(MouseEvent.ROLL_OUT, rollout2);
    aLoader2.addEventListener(MouseEvent.CLICK, playStart2);
    function playStart2(event:MouseEvent) {player.source = myXML.channel.item.flv[1].toString();player.play();infoBox.text = myXML.channel.item.videoTitle[1]+"\n "+"\n "+myXML.channel.item.videoContent[1].toString();}
    function rollover2(event:MouseEvent):void {event.target.alpha = 1.0;alt2.text = myXML.channel.item.videoContent[1].toString();}
    function rollout2(event:MouseEvent):void {event.target.alpha = 0.7;alt2.text = "\n "+"\n ".toString();}

    var aLoade3r:UILoader = new UILoader();
    aLoader3.source = myXML.channel.item.img[2].toString();
    aLoader3.scaleContent = true;
    with (aLoader3) {
    x = 660;y = 226;scaleX = scaleY = 1.2;alpha = 0.7;
    }
    addChild(aLoader3);
    aLoader3.buttonMode = true;
    aLoader3.addEventListener(MouseEvent.ROLL_OVER, rollover3);
    aLoader3.addEventListener(MouseEvent.ROLL_OUT, rollout3);
    aLoader3.addEventListener(MouseEvent.CLICK, playStart3);
    function playStart3(event:MouseEvent) {player.source = myXML.channel.item.flv[2].toString();player.play();infoBox.text = myXML.channel.item.videoTitle[2]+"\n "+"\n "+myXML.channel.item.videoContent[2].toString();}
    function rollover3(event:MouseEvent):void {event.target.alpha = 1.0;alt3.text = myXML.channel.item.videoContent[2].toString();}
    function rollout3(event:MouseEvent):void {event.target.alpha = 0.7;alt3.text = "\n "+"\n ".toString();}

    var aLoade4r:UILoader = new UILoader();
    aLoader4.source = myXML.channel.item.img[3].toString();
    aLoader4.scaleContent = true;
    with (aLoader4) {
    x = 660;y = 319;scaleX = scaleY = 1.2;alpha = 0.7;
    }
    addChild(aLoader4);
    aLoader4.buttonMode = true;
    aLoader4.addEventListener(MouseEvent.ROLL_OVER, rollover4);
    aLoader4.addEventListener(MouseEvent.ROLL_OUT, rollout4);
    aLoader4.addEventListener(MouseEvent.CLICK, playStart4);
    function playStart4(event:MouseEvent) {player.source = myXML.channel.item.flv[3].toString();player.play();infoBox.text = myXML.channel.item.videoTitle[3]+"\n "+"\n "+myXML.channel.item.videoContent[3].toString();}
    function rollover4(event:MouseEvent):void {event.target.alpha = 1.0;alt4.text = myXML.channel.item.videoContent[3].toString();}
    function rollout4(event:MouseEvent):void {event.target.alpha = 0.7;alt4.text = "\n "+"\n ".toString();}

    var aLoade5r:UILoader = new UILoader();
    aLoader5.source = myXML.channel.item.img[4].toString();
    aLoader5.scaleContent = true;
    with (aLoader5) {
    x = 660;y = 412;scaleX = scaleY = 1.2;alpha = 0.7;
    }
    addChild(aLoader5);
    aLoader5.buttonMode = true;
    aLoader5.addEventListener(MouseEvent.ROLL_OVER, rollover5);
    aLoader5.addEventListener(MouseEvent.ROLL_OUT, rollout5);
    aLoader5.addEventListener(MouseEvent.CLICK, playStart5);
    function playStart5(event:MouseEvent) {player.source = myXML.channel.item.flv[4].toString();player.play();infoBox.text = myXML.channel.item.videoTitle[4]+"\n "+"\n "+myXML.channel.item.videoContent[4].toString();}
    function rollover5(event:MouseEvent):void {event.target.alpha = 1.0;alt5.text = myXML.channel.item.videoContent[4].toString();}
    function rollout5(event:MouseEvent):void {event.target.alpha = 0.7;alt5.text = "\n "+"\n ".toString();}
[ 親 305 / □ Tree ] 返信 削除キー/

▲[ 306 ] / ▼[ 308 ]
■307 / 2階層)  AS3:videoPlay_auto.asの続き
□投稿者/ mitt クラウンプライズ(55回)-(2009/12/11(Fri) 01:20:10) [ID:vS2O7xY5]
http://mitt3210.com


    var format:TextFormat = new TextFormat();format.color = myXML.txtCol.toString();format.size = 9;
    var alt:TextField = new TextField();
    with(alt) {x = 645;y = 55;width = 160;height = 20;wordWrap = true;}alt.defaultTextFormat = format;
    addChild(alt);
    var alt2:TextField = new TextField();
    with(alt2) {x = 645;y = 148;width = 160;height = 20;wordWrap = true;}alt2.defaultTextFormat = format;
    addChild(alt2);
    var alt3:TextField = new TextField();
    with(alt3) {x = 645;y = 241;width = 160;height = 20;wordWrap = true;}alt3.defaultTextFormat = format;
    addChild(alt3);
    var alt4:TextField = new TextField();
    with(alt4) {x = 645;y = 334;width = 160;height = 20;wordWrap = true;}alt4.defaultTextFormat = format;
    addChild(alt4);
    var alt5:TextField = new TextField();
    with(alt5) {x = 645;y = 427;width = 160;height = 20;wordWrap = true;}alt5.defaultTextFormat = format;
    addChild(alt5);


    player.skin = myXML.pskin.toString();
    player.skinBackgroundColor = myXML.pskinCol.toString();
    player.x = 0;
    player.y = 0;
    player.width = 640;
    player.height = 480;
    player.volume = 0.8;
    player.bufferTime = 0;
    n = 0;
    player.source = myXML.channel.item.flv[n].toString();
    addChild(player);
    player.play();
    infoBox.text = myXML.channel.item.videoTitle[n]+"\n "+"\n "+myXML.channel.item.videoContent[n].toString();
    }
    }

    function videoChange(event:VideoEvent) {
    if (n n++;
    player.source = myXML.channel.item.flv[n].toString();
    player.play();
    infoBox.text = myXML.channel.item.videoTitle[n]+"\n "+"\n "+myXML.channel.item.videoContent[n].toString();
    } else {
    n=0;
    player.source = myXML.channel.item.flv[n].toString();
    player.play();
    infoBox.text = myXML.channel.item.videoTitle[n]+"\n "+"\n "+myXML.channel.item.videoContent[n].toString();
    }
    }
    player.addEventListener(VideoEvent.COMPLETE, videoChange);
    }
    }
    }
[ 親 305 / □ Tree ] 返信 削除キー/

▲[ 307 ] / 返信無し
■308 / 3階層)  videoPlay.xml
□投稿者/ mitt クラウンプライズ(56回)-(2009/12/11(Fri) 01:23:07) [ID:vS2O7xY5]
http://mitt3210.com
    <?xml version="1.0" encoding="UTF-8"?>
    <dataset>
    <total>5</total> <!--下に登録したアイテムの数-->
    <pskin>../SkinUnderAllNoCaption.swf</pskin> <!--スキンのアドレス-->
    <pskinCol>0x666666</pskinCol> <!--スキンの色の指定-->
    <txtCol>0x00FF00</txtCol> <!--テキストの色の指定-->
    <channel>
    <item id="1">
    <flv>../Sample/1/video2.flv</flv> <!--ビデオのアドレス-->
    <img>../Sample/1/view2.jpg</img> <!--画像のアドレス-->
    <videoTitle> 本編 第1話</videoTitle>
    <videoContent>時代を越えた少女と封印された少年</videoContent>
    </item>
    <item id="2">
    <flv>../Sample/2/video2.flv</flv>
    <img>../Sample/2/view2.jpg</img>
    <videoTitle> 本編 第2話</videoTitle>
    <videoContent>四魂の玉を狙う者たち</videoContent>
    </item>
    <item id="3">
    <flv>../Sample/3/video2.flv</flv>
    <img>../Sample/3/view2.jpg</img>
    <videoTitle> 本編 第3話</videoTitle>
    <videoContent>骨喰いの井戸からただいまっ!</videoContent>
    </item>
    <item id="4">
    <flv>../Sample/4/video2.flv</flv>
    <img>../Sample/4/view2.jpg</img>
    <videoTitle> 本編 第4話</videoTitle>
    <videoContent>逆髪の妖魔 結羅</videoContent>
    </item>
    <item id="5">
    <flv>../Sample/5/video2.flv</flv>
    <img>../Sample/5/view2.jpg</img>
    <videoTitle> 本編 第5話</videoTitle>
    <videoContent>戦慄の貴公子 殺生丸</videoContent>
    </item>
    </channel>
    </dataset>
    ------------------------------------------
    正確なvideoPlay.xmlはこちら↓
    http://mitt3210.s39.coreserver.jp/UP/4-3/videoPlay.xml
    上のリンクをクリックしたらソースを見た方がbetter。
[ 親 305 / □ Tree ] 返信 削除キー/


Mode/  Pass/

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

- Child Tree -