(page) REDIGERET 1 September 2011 • 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 (erstattet med property-panel i CS5).

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 grafiske elementer kan redigeres.

Øvelser

  • Ændre components, indstillinger og tilføjelser.
  • 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 2 September 2011 • admin TOCbe the first to comment

Grundlæggende scripting til video kontrol

Dynamisk instanciering

Træk en FLVPlayBack- component ind på scenen og slet den igen, så havner den i Library og kan instancieres dynamisk.
(library > properties > export for actionscript)

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

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

Nyttige Methods

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

Nyttige Properties

player.autoPlay=false;
player.autoRewind=true;
if (player.playing) {//...;} // read-only boolean
player.source="nyvideo.flv";

Nyttige 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
adobe quickstart flvplayback_component

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;
}