(page) REDIGERET 21 March 2010 • by admin

Video overblik

Video indsættelse i Flash består “typisk” af følgende 3 operationer:

  • Konvertering til flv (eller f4v eller mp4) gennem Media encoder, fra et af de gængse formater (quicktime, mov, …)
  • Import af intern eller ekstern videofil til flashplayer component med valg af skin (eller til timeline for mini videoer til synkronisering med animation)
  • Component indstillinger eller Actionscripting til kontrol

Gensyn med components

Du skal bruge panelerne: components og component-inspector.

- Import af video med ’skin’ på FLVPlayback player – foregår gennem ‘file >import > video’ eller gennem indstillingerne på FLVPlayback component.

- Import af video uden ’skin’ – foregår gennem ‘file >import > video’ kommando og fravalg af skin.

I begge tilfælde kan individuelle components lægges ind over FLVPlayback playeren og / eller der kan tilføjes ActionScript for kontrol.
Alle components grafik kan redigeres.

Øvelser

  • Ændre components, indstillinger og tilføjeser.
  • FLVPlayback og actionscript
  • Flashplayer indlejret i en movieclip, (for tweening og transformationer).

Opgave

Efter endte øvelser og demoer:
Et scenarie hvori der indgår en transformeret movie-clip med indlejret videoPlayer. Knapper til at skifte film (source). En CLICK-event på film-movieclippet med on-off-funktion, til skiftevis at afspille og stoppe den aktuelle film.

FLVPlayback script bits

Edited 21 March 2010 • admin TOCbe the first to comment

Grundlæggende scripting til video kontrol

Dynamisk instanciering

(library > properties > export for actionscript)

import fl.video.FLVPlayback;
var player:FLVPlayback = new FLVPlayback();
addChild(player);

(eller – selvfølgeligt: manuelt / automatisk (ved import) indsat FLVPlayback med instancenavnet ‘player’)

Methods

player.play();
player.stop();
player.pause();

Properties

player.autoPlay=false;
player.autoRewind=true;
player.source="nyvideo.flv";

Events

player.addEventListener(Event.COMPLETE, comp);
function comp(e:Event){
	 trace(e.target.name+" is completed");
	 gotoAndStop("some_label"); // for fx. at gå videre til noget nyt
         player.play(); // for loop - om igen
}

Adobes reference for FLVplayback

Video Links

Video, et overblik på dansk

Tutorials Video

Edited 13 February 2010 • admin TOC1 comment, add one

import wizzard til cs3
den lynhurtige component(hvis man har en flv)

skew video
Videoer i movieclips og hjemmelavede knapper
videoplayer med xml playlist
pixel2life.com: play_videos_in_sequence_using_flash

Alt om video indsættelsses teknik. Bemærk den tekniske forklaring om encoding “View Screencast: Section Four”
pixel2life.com: an_introduction_to_flash_video

Alt om video Caption (undertekst) – med xml
video caption med Tom Greene
Og anden del af serien

Youtube Cromeless player AS3 Api
riacodes.com: develop-with-the-official-youtube-chromeless-player-as3-api

Upload af FLVPlayback skin

Edited 11 February 2010 • admin TOCbe the first to comment

Når et skin vælges til videoplayeren, får den i realiteten en sti. Den sti er relativ til den html, der forudsættes at ligge i samme mappe som skin-swf-filen. Dette er et problem hvis swf, video, og skin uploades til en anden mappe end den html som refererer til swf-filen: Swf og video vises fint – men uden skin.

En løsning er at flytte skin-filen over til html-filen.

En anden løsning er at indsætte et script over flv-playerens frame, lige før den skal uploades:

player.skin="den-egentlige-sti-på-serveren-til_SkinOverPlaySeekMute.swf";

En tredje kunne også være et script, der altid lokaliserer skin-urlen i samme mappe som swf-filen:

//get url of loaded movie, so we can set relative path
var skinURL:String = player.skin;
if (skinURL.indexOf("/",0)<0) {
	var swfURL:String = this.loaderInfo.url;
	swfURL = swfURL.substr(0,swfURL.lastIndexOf("/")+1);
	player.skin = swfURL+skinURL;
}