Video Gallery - Dateien abspielen währen im Hintergrund noch geladen wird

[raphaelf]

Guten Tag,

ich habe dieses Template gekauft: Elite XML Folio Mint Editor template - Flashmint 2805

Ich habe dieses Template angepasst und Lokal getestet. Resultat: funktioniert einwandfrei.

Ich habe das ganze hochgeladen und getestet. Resultat: Funktioniert einwandfrei.

Nun habe ich gamerkt, dass grosse .mp4 oder .flv Dateien nicht abgespielt werden. Fehler: Error opening URL

Ersetze ich diese grosse Dateien durch kleine, so funktioniert es super.

Hat jemand eine Idee warum grosse Dateien (40MB) nicht abgespielt werden?

P.S. Ich weiss nicht genau mit welche Flash Version dieses Template programmiert wurde. Ich habe oben Flash 8 gewählt.

Vielen Dank im Voraus.

Raphael

[raphaelf]

Hallo,

mein Host Provider hat was umgestellt und jetzt funktioniert es zwar, aber das komplete video wird zuerst im Hintergrund heruntergeladen und erst dann abgespielt.

Könnte man den Script so anpassen, dass das Video schon beim Anfang abgespielt wird wärend es geladen wird im Hintergrund?

[raphaelf]

Hallo,

Ich habe dieses Template gekauft: Elite XML Folio Mint Editor template - Flashmint 2805

Funktioniert alles bestens. Nur wird das Video zuerst komplett heruntergeladen und dann erst abgespielt. Mein Video ist ca. 50 MB Gross und ist echt nerwig immer zu warten bis man überhaupt was sieht..

Besteht es die Möglichkeit eine Funktion einzubauen, die das Video schon abspielt und im Hintergrund das Video lädt?

Hier der Script. Hoffe ist das Richtige:

package as3{
    import flash.display.Sprite;
    import flash.display.MovieClip;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.text.TextField;
    import flash.text.TextFieldAutoSize;
    import flash.events.Event;
    import flash.events.IOErrorEvent;
    import flash.events.MouseEvent;
    import flash.net.URLLoader;
    import flash.net.URLRequest;
    import flash.net.navigateToURL;
    import flash.utils.Timer;
    import flash.geom.ColorTransform;
    import caurina.transitions.Tweener;
    import caurina.transitions.properties.ColorShortcuts;
    ColorShortcuts.init();
 
    public class VideoGallery extends Sprite {
        public var itemsPath:String='';
        private var xmlCOLORS_DFT:String = 'colors.xml';
        private var colorStatus:Boolean=false;
        public var color_dfr:Object=new Object();
        private var xmMAIN_XML_PATH:String = 'cgal.xml';
        private var mainXMLStatus:Boolean=false;
        public var xmlDate:Array = [];
        private var openedCategory:int=88888;
        private var mainTitle:String='';
        private var bg:BG;
        private var thumbnailsScroll:ThumbnailsScroll;
        private var monitor:Monitor;
        private var menu:MainMenu;
        private var footerMenu:FooterMenu;
        public var slideShow:Boolean=false;
        private var b_colorOut:uint;
        private var b_colorOver:uint;
        public var container:MovieClip;
        public var mainAUDIO:String='off';
 
        public var monitorHeight:Number;
 
        public function VideoGallery() {
            addEventListener(Event.ENTER_FRAME, aplLoading);
            addEventListener(Event.REMOVED_FROM_STAGE, remove);
        }
        private function remove(e:Event):void{
            trace(this);
            removeEventListener(Event.ENTER_FRAME, aplLoading);
            removeEventListener(Event.ENTER_FRAME, loading);
            stage.removeEventListener(Event.RESIZE, appResizeHandler);
        }
        private function aplLoading(e:Event):void {
            var bytesTotal = stage.loaderInfo.bytesTotal;
            var bytesLoaded = stage.loaderInfo.bytesLoaded;
            var percentLoaded : Number = Math.floor(Math.round( bytesLoaded/bytesTotal ));
            if (percentLoaded==1) {
                if (parent!=stage) {
                    container = Object(parent).div;
                    xmlCOLORS_DFT =  Object(parent).xmlCOLORS_DFT;
                    xmMAIN_XML_PATH = Object(parent).xmMAIN_XML_PATH;
                    itemsPath=Object(parent).itemsPath;
                }
                init();
                removeEventListener(Event.ENTER_FRAME, aplLoading);
            }
        }
        public function init() {
            stage.scaleMode = StageScaleMode.NO_SCALE;
            stage.align = StageAlign.TOP_LEFT;
            stage.addEventListener(Event.RESIZE, appResizeHandler);
            footerMenu = new FooterMenu();
            monitor = new Monitor();
            bg = new BG();
            bg.alpha=0;
            addChild(bg);
            thumbnailsScroll = new ThumbnailsScroll();
            monitorHeight = thumbnailsScroll.height+31;
            menu = new MainMenu();
            appResizeHandler();
 
 
            var mainLoader:URLLoader = new URLLoader();
            mainLoader.addEventListener( Event.COMPLETE, onMainXMLLoad );
            mainLoader.addEventListener(IOErrorEvent.IO_ERROR, errorTrace);
            mainLoader.load( new URLRequest(xmMAIN_XML_PATH) );
            var colorLoader:URLLoader = new URLLoader();
            colorLoader.addEventListener( Event.COMPLETE, onColorXMLLoad );
            colorLoader.addEventListener(IOErrorEvent.IO_ERROR, errorTrace);
            colorLoader.load( new URLRequest(xmlCOLORS_DFT) );
        }
        public function colorCgange(obj:Object, color:uint):void {
            var colorTransform:ColorTransform = new ColorTransform();
            colorTransform.color = color;
            obj.transform.colorTransform = colorTransform;
        }
        public function colorTransformer(color:String):String {
            var colorString = "#"+color.substring(2);
            return colorString;
        }
        private function onColorXMLLoad( event:Event ):void {
            try {
                var mainData:XML = new XML( event.target.data );
                for (var i:int; i<mainData.elements().length(); i++) {
                    var attribCol:Object = {};
                    for each (var attribute:XML in mainData.elements()[i].attributes()) {
                        attribCol[attribute.name().toString()] = attribute.valueOf().toString();
                    }
                    color_dfr[mainData.elements()[i].name().toString()] = attribCol;
                }
                colorStatus = true;
                addEventListener(Event.ENTER_FRAME, loading);
            } catch (e:Error) {
                errorTrace("Couldn't load the Color XML file.<br/>"+e.message);
                trace( 'Color XML Loading Error: ' + e.message );
                return;
            }
        }
        private function onMainXMLLoad( event:Event ):void {
            try {
                var mainData:XML = new XML( event.target.data );
                mainTitle = mainData.@title.toString();
                for (var i:int; i<mainData.elements().length(); i++) {
                    xmlDate[i] = {title:mainData.elements()[i].@title.toString(), cont:mainData.elements()[i]};
                }
                mainXMLStatus = true;
                addEventListener(Event.ENTER_FRAME, loading);
            } catch (e:Error) {
                errorTrace("Couldn't load the Main XML file.<br/>"+e.message);
                trace( 'Main XML Loading Error: ' + e.message );
                return;
            }
        }
        private function loading(e:Event):void {
            if (mainXMLStatus && colorStatus) {
                removeEventListener(Event.ENTER_FRAME, loading);
                if (Boolean(color_dfr.background.color.length)) {
                    Tweener.addTween(bg,{_color:color_dfr.background.color, alpha:1, time:1});
                } else {
                    bg.alpha=0;
                }
                monitor.alpha = 0;
                footerMenu.alpha= 0;
                thumbnailsScroll.alpha = 0;
                menu.alpha = 0;
                addChild(monitor);
                addChild(footerMenu);
                addChild(thumbnailsScroll);
                addChild(menu);
                menu.init(xmlDate);
                b_colorOver = uint(color_dfr.buttons.mouseOver);
                b_colorOut = uint(color_dfr.buttons.mouseOut);
                footerMenu.b_fullScreen.addEventListener(MouseEvent.MOUSE_OVER, buttonRoll);
                footerMenu.b_fullScreen.addEventListener(MouseEvent.MOUSE_OUT, buttonRoll);
                footerMenu.b_fullScreen.addEventListener(MouseEvent.CLICK, toggleFullScreen);
                footerMenu.b_fl.addEventListener(MouseEvent.MOUSE_OVER, bFL);
                footerMenu.b_fl.addEventListener(MouseEvent.MOUSE_OUT, bFL);
                footerMenu.b_fl.addEventListener(MouseEvent.CLICK, bFL);
                colorCgange(footerMenu.b_fullScreen.img,b_colorOut);
                selectCategory(0);
                Tweener.addTween(monitor,{alpha:1,time:1});
                Tweener.addTween(thumbnailsScroll,{alpha:1,time:1, delay:.3});
                Tweener.addTween(menu,{alpha:1,time:1, delay:.5});
                Tweener.addTween(footerMenu,{alpha:1,time:1, delay:.7});
            }
        }
        public function secToMin(num:uint):String {
        var timeString:String = "00:00";
        var min_string:String = "00";
        var sec_string:String = "00";
        var min:int = Math.floor(num/60);
        var sec:int = Math.round(num-(min*60));
        if (min<10) {
            min_string = "0"+min;
        } else {
            min_string = min.toString();
        }
        if (sec<10) {
            sec_string = "0"+sec;
        } else {
            sec_string = sec.toString();
        }
        timeString = min_string+':'+sec_string;
        return timeString;
    }
        private function bFL(e:MouseEvent):void {
            var button:MovieClip = MovieClip(e.currentTarget);
            switch (e.type) {
                case "mouseOver" :
                    button.gotoAndStop("over");
                    break;
                case "mouseOut" :
                    button.gotoAndStop("out");
                    break;
                case "click" :
                    navigateToURL( new URLRequest("http://www.flashmint.com/"),"_blank");
                    break;
            }
        }
        private function slideShowSwitch(e:MouseEvent=null):void {
        }
        public function slideShowOFF():void {
            slideShow=false;
        }
        public function selectCategory(id:int):void {
            if (openedCategory!=id) {
                slideShowOFF();
                color_dfr.mainTitle.textColor;
                monitor.txt.htmlText = '<font color="'+colorTransformer(color_dfr.mainTitle.textColor)+'">'+mainTitle+' / '+'<font color="'+colorTransformer(color_dfr.categoryTitle.textColor)+'">'+xmlDate[id].title+'</font></font>';
                thumbnailsScroll.init(xmlDate[id].cont);
                openedCategory = id;
                openItem("0");
                for (var i:int = 0; i<menu.buttons.length; i++) {
                    menu.buttons[i].button.activ=false;
                    menu.b_deactiv(menu.buttons[i].button);
                }
                menu.b_activ(menu.buttons[id].button);
                menu.buttons[id].button.activ=true;
            }
        }
        public function openItem(id:String):void {
            monitor.init(openedCategory +'/'+id);
            thumbnailsScroll.selectThumb(id);
        }
        function buttonRoll(e:MouseEvent):void {
            var button = e.currentTarget;
            switch (e.type) {
                case "mouseOut" :
                    colorCgange(button.img,b_colorOut);
                    break;
                case "mouseOver" :
                    colorCgange(button.img,b_colorOver);
                    break;
            }
        }
        public function errorTrace(txt:String):void {
            var err_txt:TextField= new TextField();
            err_txt.width = 300;
            err_txt.autoSize = TextFieldAutoSize.LEFT;
            err_txt.wordWrap = true;
            err_txt.htmlText = '<p align = "center"><font color="#ff0000" size="24">' + txt+ '</font></p>';
            err_txt.x = (stage.stageWidth-err_txt.width)/2;
            err_txt.y = (stage.stageHeight-err_txt.height)/2;
            addChild(err_txt);
        }
        private function toggleFullScreen(event:MouseEvent):void {
            switch (stage.displayState) {
                case "normal" :
                    stage.displayState = "fullScreen";
                    break;
                case "fullScreen" :
                default :
                    stage.displayState = "normal";
                    break;
            }
        }
        private function appResizeHandler(e:Event=null):void {
            if (container) {
                bg.width = container.width;
                bg.height = container.height;
                footerMenu.x=container.width-20;
                footerMenu.y = container.height-6;
                menu.x = 20;
                menu.y = container.height-6;
                thumbnailsScroll.x=0;
                thumbnailsScroll.y = container.height-31-thumbnailsScroll.height;
                monitor.y =20;
            } else if(stage){
                bg.width = stage.stageWidth;
                bg.height = stage.stageHeight;
                footerMenu.x=stage.stageWidth-20;
                footerMenu.y = stage.stageHeight-6;
                menu.x = 20;
                menu.y = stage.stageHeight-6;
                thumbnailsScroll.x=0;
                thumbnailsScroll.y = stage.stageHeight-31-thumbnailsScroll.height;
                monitor.y =20;
            }
        }
    }
} 

[Martin Kraft]

Hi!

Ich konnte beim Überfliegen des Codes in dieser Klasse nichts entdecken, was irgendwie dafür verantwortlich sein könnte ein Video nachzuladen und anzuzeigen. Dafür muss also eine andere Klasse verantwortlich sein (z.B. Monitor).

Wie liegen den die Videos vor? Als .flv, .mp4 o.ä. oder als .swf? Sie sind hoffentlich nicht in der Haupt.swf eingebettet?

Edit: Ich lesen gerade in Deinem ersten Thread, dass es .flvs oder .mp4s sind. Wenn dieses Template nicht total bescheuert programmiert wurde, vermute ich daher, dass das Problem nicht im Template selbst, sondern auf Serverseite liegt. Der Server muss so eingestellt werden, dass diese Dateitypen auch progressiv heruntergeladen werden können. Setzt Dich mal mit Deinem Hoster in Verbindung!

G // Martin


P.S.: Hier haben erfahrungsgemäß wenige Lust, sich durch Tonnen mäßig geschriebenen Templatecode zu wühlen. Daher sollte bei Problemen mit einem Template immer dessen Ersteller der erste Ansprechpartner sein!

P.P.S.: Da es sich hier weder um ActionScript1 (sondern ActionScript3) noch um Flash 8 (sondern mindestens Flash CS3) handelt, hab ich das Thema mal umbenannt und verschoben. Außerdem sollte man keinen zwei Threads zumselben Thema eröffnen. Ich habe sie daher mal in einem zusammengeführt.

[raphaelf]

Hallo Martin,

besten Dank für deine Antwort. Ich werde im Zukunft Ähnliche posts vermeinden.

Das Video liegt als mp4.

Hättest du eine Idee was in der Monitor Klasse geändert werden muss?

[Martin Kraft]

Zitat von raphaelf

Hättest du eine Idee was in der Monitor Klasse geändert werden muss?

Ja, diese Klasse enthält die Video-Logik, die aber (wie vermutet) nicht die Ursache Deines Problems zu sein scheint:

Zitat von Martin Kraft

Edit: Ich lesen gerade in Deinem ersten Thread, dass es .flvs oder .mp4s sind. Wenn dieses Template nicht total bescheuert programmiert wurde, vermute ich daher, dass das Problem nicht im Template selbst, sondern auf Serverseite liegt. Der Server muss so eingestellt werden, dass diese Dateitypen auch progressiv heruntergeladen werden können. Setzt Dich mal mit Deinem Hoster in Verbindung!

[raphaelf]

Hallo Martin,

ah ok! Ich habe jetzt mit der Firma Tel. gesprochen und Sie haben das progressive herunterladen für mp4 und fla aktiviert. Leider funktioniert es trotzdem noch nicht :=(

Wenn die Klasse Monitor richtig verhält dann bin ich froh.

Gibt es evt. noch andere Einstellungen die durch das Hosting durchgeführt werden sollen?

[Martin Kraft]

Poste mal eine Testlink!

[raphaelf]

Hallo Martin!

so es hat lange gedauert aber ich habe ein Work Around gefunden mit dem ich leben kann:

Die Videos hatte ich als mp4 auf dem Server hochgeladen. Die wurden auch wie erwähnt abgespielt doch erst nach ca. 1 Minute oder 5 Minuten da das Video zuerst auf die Festplatte kopiert ist und erst dann abgespielt..

Ich habe alle Videos als f4v und flv neu gerechnet und es funktioniert sowohl mit f4v und flv. Die Videos werden sofort abgespielt und parallel heruntergeladen..

Der Vorteil mit Mp4 wäre halt die Grösse. Mein 7 Minutiges Video als mp4 ist gerade 100MB. Konvertiere ich mit f4v oder flv so wird das Video 3-4 mal grösser.

Ich habe den Provider nochmal geschrieben und gebeten es zu prüfen. Er wollte mit dem Web Master sprechen, leider nicht möglich da ich kein Support von der Template hersteller bekomme..

[Martin Kraft]

Zitat von raphaelf

Der Vorteil mit Mp4 wäre halt die Grösse. Mein 7 Minutiges Video als mp4 ist gerade 100MB. Konvertiere ich mit f4v oder flv so wird das Video 3-4 mal grösser.

Da sollte es eigentlich keinen Unterschied geben. Sowohl in .mp4 als auch in einen .f4v steckt ja ein h264-codiertes Video. Wie stark es komprimiert wird, solltest Du in beiden Fällen bei der Codierung einstellen können (-> Datenrate). Das hat eigentlich nichts mit dem Container-Format zu tun.

Womit konvertierst Du denn Deine Videos?

[raphaelf]

Hallo Martin,

mit After Effects. Ich sollte mal den hier probieren: Free Video Converter | MP4 AVI 3GP FLV DVD MPEG SWF WMV Blu-ray | Video konvertieren

[Martin Kraft]

Zitat von raphaelf

mit After Effects. Ich sollte mal den hier probieren: Free Video Converter | MP4 AVI 3GP FLV DVD MPEG SWF WMV Blu-ray | Video konvertieren

Wieso willst Du Dir so eine Freeware antun, wenn Du AfterEffects und den Adobe-Media-Encoder vorliegen hast

Schau dort einfach mal in die Einstellungen der verschieden Codecs, da kannst man fast alles anpassen!

[raphaelf]

hehe.. schon vieles probiert. muss mal eventuell alle codecs testen. Wäre schon ganz toll die mp4 zum laufen bekommen.

Wenn ich das hinbekomme dann teile ich das Forum auf jeden Fall mit.